<template>
	<div class="container resource" style="min-height: 447px;">
      <div class="pop-banner clearfix">
        <div class="operate-btns">
          <a href="javascript:void(0)" class="fbtn fb-modify" @click="update">修改</a>
          <a href="javascript:void(0)" class="fbtn fb-add" @click="insert">添加</a>
          <a href="javascript:void(0)" class="fbtn fb-remove" @click="delete">删除</a>
          <a href="javascript:void(0)" class="fbtn fb-save" @click="save">保存</a>
          <a href="javascript:void(0)" class="fbtn fb-change-standard" @click="changeStandard('1')">非标转标准</a>
          <a href="javascript:void(0)" class="fbtn fb-change-nostandard" @click="changeStandard('0')">标准转非标</a>
          <a href="javascript:void(0)" class="fbtn fb-unused" @click="changeStatus('停用')">停用</a>
          <a href="javascript:void(0)" class="fbtn fb-dump" @click="changeStatus('作废')">作废</a>
        </div>
        <h3 class="current-module">产品资料维护</h3>
      </div>
      <!-- start-->
      <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="cn2" v-model="unProduct.zczStatus" v-bind:disabled="disabled">
            </div>
          </div>
          <div class="form-group">
            <label for="cn2" class="label">注册证号</label>
            <div class="control">
              <input type="text" id="cn2" v-model="unProduct.productZczh" v-bind:disabled="disabled"></div>
          </div>
        </div>
        <div class="group-row">
          <div class="form-group">
            <label for="cn3" class="label">产品名称</label>
            <div class="control">
              <input type="text" id="cn3" v-model="unProduct.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="unProduct.productName" 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="cn3" v-model="unProduct.zczFactory" v-bind:disabled="disabled"></div>
          </div>
          <div class="form-group">
            <label for="cn6" class="label">产地</label>
            <div class="control">
              <input type="text" id="cn6" v-model="unProduct.zczFactory" v-bind:disabled="disabled"></div>
          </div>
        </div>
        <div class="group-row group-row-3">
          <div class="form-group">
            <label for="cn5" class="label">商品大类</label>
            <div class="control">
                <select-ui :list="bigTypes" :selected.sync="unProduct.goodsBigType.id" empty-text="请选择大类"  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="unProduct.productBitCode" v-bind:disabled="disabled"> </div>
          </div>
          <div class="form-group">
            <label for="cn6" class="label">生产来源</label>
            <div class="control">
                <select-ui :list="imported" :selected.sync="unProduct.imported.id" empty-text="请选择生产来源"  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="unProduct.standard" v-bind:disabled="disabled">
              <label class="radio" for="radio01">是</label>
              <input type="radio" id="radio02" value="0" v-model="unProduct.standard" 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">
              <input type="radio" id="radio03" value="1" v-model="unProduct.apparatus" v-bind:disabled="disabled">
              <label class="radio" for="radio03">一类</label>
              <input type="radio" id="radio04" value="2" v-model="unProduct.apparatus" v-bind:disabled="disabled">
              <label class="radio" for="radio04">二类</label>
              <input type="radio" id="radio05" value="3" v-model="unProduct.apparatus" v-bind:disabled="disabled">
              <label class="radio" for="radio05">三类</label>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label for="cn9" class="label">型号规格</label>
          <div class="control">
            <textarea id="cn9" rows="4" v-model="unProduct.specification" 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="unProduct.sructure" 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="unProduct.scopeApplication" v-bind:disabled="disabled"></textarea>
          </div>
        </div>
      </div>
      <div class="step-btn">
        <a href="javascript:;">跳转该产品商品资料维护界面</a>
      </div>
      <!--end-->
    </div>
</template>
<script>
module.exports={
  data: function(){
    return {
      unProduct:[],
      bigTypes:[],
      imported:[],
      operationFlag:"0",
      disabled: true,
    };
  },
  methods: {
    getData: function(){
      var self = this;
      if(this.$route.params.id != 0 ){
        self.operationFlag = "1";
        Ajax.get('/dataadmin/unProductDetail/'+this.$route.params.id)
        .then(function (response){
          var data = response.data.data;
          self.$set('unProduct',data);
          self.$set('disabled',true);
        })
      }else{ 
        self.$set('unProduct',[]);
        self.$set('disabled',false);
      }
    },
    insert:function() {
      var self = this;
       // self.$set('readonly',"");
       self.operationFlag = "0";
       self.$set('unProduct',[]);
       self.$set('disabled',false);
       return;

    },
    update:function() {
       var self = this;
       self.$set('disabled',false);
       return;
    },
    delete:function() {
        var self = this;
        Ajax.post('/dataadmin/deleteUnProduct',self.unProduct)
        .then(function (response){
          self.$route.router.go('/dataadminproduct');
        }) 
    },
    save:function() {
      var self = this;
        Ajax.post('/dataadmin/saveUnProduct',self.unProduct)
          .then(function (response){
          self.$route.router.go('/dataadminproduct');
        })
    },
    changeStatus:function(status) {
      var self = this;
       self.$set('unProduct.zczStatus',status);
       return;    
    },
     changeStandard:function(status) {
      var self = this;
       self.$set('unProduct.standard',status);
       return;    
    },
    getBigTypes: function () {
    var self = this;
    Ajax.get('/goodsBigType/all')
        .then(function (response) {
            self.bigTypes = _.map(response.data.data, function (item) {
                return {
                    label: item.name,
                    value: item.id
                };
            });
        })
    },
    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();
      this.getBigTypes()
      this.getImported()
    }
  }
};
</script>