basic-repertory.vue 10.3 KB
<template>
<div class="container resource" style="min-height: 896px;">

  <div class="pop-banner clearfix">
    <div class="operate-btns">{{dual}}
      <!-- <a href="javascript:void(0)" class="fbtn fb-modify" v-if="!disabledForUpdate" @click="update">修改</a>
      <a href="javascript:void(0)" class="fbtn fb-modify" style="color:#DCDCDC" v:disabled="disabledForUpdate" v-else="disabledForUpdate">修改</a>
      <a @click="updateMfoptstocklmt" href="javascript:void(0)" v-if="!disabledForSave" class="fbtn fb-save">保存</a>
      <a href="javascript:void(0)" class="fbtn fb-save" style="color:#DCDCDC" v:disabled="disabledForSave" v-if="disabledForSave" >保存</a> -->
     

       <a href="javascript:void(0)" class="fbtn fb-modify" v-if="disabledForUpdate " @click="update">修改</a>
      <a href="javascript:void(0)" class="fbtn fb-modify" style="color:#DCDCDC" v:disabled="disabledForUpdate" v-else="disabledForUpdate  ">修改</a>

      
     <a href="javascript:;" class="fbtn fb-save" @click="updateMfoptstocklmt"  v-if="'/distributor/mfoptstocklmt:updatemfoptstocklmt'  | myqx !disabled ">保存</a>
          <a href="javascript:;" class="fbtn fb-save"  style="color:#DCDCDC" v-if="'/distributor/mfoptstocklmt:updatemfoptstocklmt'  | myqx disabled " v:disabled="disabled">保存</a>
   

    </div>
    <h3 class="current-module">库存上下限维护</h3>
  </div>
  
  <!--basic-repertory start-->
  <div class="basic-repertory clearfix">
    
    <div class="br-left">
      <div class="min-search min-search-green" style="margin-bottom:10px"><!--  v-if="authoritySetting.twoSearchFlag"-->
        <input class="min-search-txt" type="text" placeholder="输入商品名"  v-model="search.search_LIKE_goodsname" style="width:95%">
        <button class="min-search-btn" @click="getMfmedgoodsList"></button>
      </div>

      <!--scroll-->
      <div class="div_scroll_1" style="height:400px;">
        <table class="itable itable-lr-blank table-border itable-td-long-text">
          <tbody>
            <tr class="active" v-for="mfmedgoods in listMfmedgoods">
              <td class="t-left">{{$index+1}}</td>
              <td class="t-left" @click="getMfoptstocklmtDetail(mfmedgoods.guid,mfmedgoods.goodsname,mfmedgoods.unitstyle)">
                <p>{{mfmedgoods.goodscode}}</p>
                <a class="p-tit-blue" href="javascript:;">{{mfmedgoods.goodsname}}</a>
                <p>{{mfmedgoods.goodsspec}}</p>
                <p>{{mfmedgoods.producer}}</p>
                <p>{{mfmedgoods.registkey}}</p>
                <p>供应商:{{mfmedgoods.suppliername}}</p>
              </td>
            </tr>
            <tr>      
          </tbody>
        </table>
      </div>
     </div>

    <div class="br-right pd-form">
      <div class="br-right-tit">{{goodsname}}】库存上下限,包装单位【{{unit}}</div>
       <div class="pd-form fl w270">
      <div class="group-row">
        <div class="form-group">
          <label for="cn1" class="label">库存上限</label>
          <div class="control">
            <input type="hidden" name="hidden" v-model="mfoptstocklmt.guid">
            <input type="text" id="cn1" v-model="mfoptstocklmt.stockupperlimit" class="w180" v-bind:readonly="readonly">
            <input type="hidden" id="cn1" v-model="mfoptstocklmt.distrbuid" class="w180" >
          </div>
        </div>
      </div>
       <div class="group-row">
        <div class="form-group">
          <label for="cn1" class="label">库存下限</label>
          <div class="control">
            <input type="text" id="cn1" v-model="mfoptstocklmt.stocklowerlimit" class="w180" v-bind:readonly="readonly">
          </div>
        </div>
      </div>
       <div class="group-row">
        <div class="form-group">
          <label for="cn1" class="label">安全库存</label>
          <div class="control">
            <input type="text" id="cn1" v-model="mfoptstocklmt.safetystock" class="w180"  v-bind:readonly="readonly">
          </div>
        </div>
      </div>
       <div class="group-row">
        <div class="form-group">
          <label for="cn1" class="label w138">自动生成采购单周期</label>
          <div class="control">
            <input type="text" id="cn1" v-model="mfoptstocklmt.autopurchaseperiod" class="w120 ml-6" v-bind:readonly="readonly">
          </div>
        </div>
      </div>
</div>
      <div class="label-long">
          <div class="group-row">
            <div class="form-group">
              <label for="cn1" class="label mr-10">是否库存预警</label>
              <div class="control">
                <div class="radio-control">
                  <input type="radio" id="radio01" value="Y" v-model="mfoptstocklmt.isalertstock" name="radioio" checked="checked" v-bind:disabled="disabled">
                  <label class="radio" for="radio01"></label>
                  <input type="radio" name="radioio" value="N" v-model="mfoptstocklmt.isalertstock" id="radio02" v-bind:disabled="disabled">
                  <label class="radio" for="radio02"></label>
                </div>
              </div>
            </div>
          </div>
          <div class="group-row">
              <div class="form-group">
                  <label for="cn1" class="label mr-10">是否自动生成采购计划</label>
                  <div class="control">
                      <div class="radio-control">
                          <input type="radio" id="radio03" value="Y" v-model="mfoptstocklmt.isautoproplanning" name="radioio1" checked="checked" v-bind:disabled="disabled">
                          <label class="radio" for="radio03"></label>
                          <input type="radio" name="radioio1" value="N" v-model="mfoptstocklmt.isautoproplanning" id="radio04" v-bind:disabled="disabled">
                          <label class="radio" for="radio04"></label>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      
    </div>
  </div>
</div>
</template>
 <script>
 
module.exports={
  data: function(){
    return {
      listMfmedgoods: [],               //医疗机构商品列表    
      //商品检索条件   
      search: {                            
          //数据总量    
        search_LIKE_goodsname: '',      //商品名称模糊查询条件
        search_EQ_distrbGuid:'',
        search_EQ_guid:'',
        },  
      mfoptstocklmt:{distrbuid:'', goodsguid:''},
      disabledForUpdate:true,
      disabledForSave:true, 
      disabled:true,
      readonly:true,
      goodsname:'',
      unit:'',
      authoritySetting: {
          twoSearchFlag:true,
          oneUpdateFlag:false,
          oneSaveFlag:false,
      },
    };
  },
  computed: {
      dual: function () {
        var self = this;
        var curMenuRole = this.$store.state.user.curMenuRole;
        self.search.search_EQ_distrbGuid = this.$store.state.user.curUser.distrbguid;
         this.getMfmedgoodsList();
        if (curMenuRole!=undefined && curMenuRole!=null) {
            for (var i=0;i<curMenuRole.length;i++) {
                if(curMenuRole[i].menu != null) {
                    if (curMenuRole[i].menu.name.trim() == '库存上下维护') {
                        for (var j=0;j<curMenuRole[i].buttonList.length;j++) {
                             var name = curMenuRole[i].buttonList[j].name.trim();
                             var isValid = curMenuRole[i].buttonList[j].isvalid;
                             var level = curMenuRole[i].buttonList[j].level;
                             // 一级菜单设置
                             if (!self.authoritySetting.oneRefreshFlag && level=='1' && name =='刷新' && isValid=='y') {
                                self.authoritySetting.oneRefreshFlag = true;
                             }
                             if (!self.authoritySetting.oneAddFlag && level=='1' && name =='添加' && isValid=='y') {
                                self.authoritySetting.oneAddFlag = true;
                             }
                             if (!self.authoritySetting.twoSearchFlag && level=='2' && name =='检索' && isValid=='y') {
                                self.authoritySetting.twoSearchFlag = true;
                             }
                         }
                       break;
                    }
                }
            }
        } 
        return '';
      }
    },
  methods: {

    //医院商品列表
  getMfmedgoodsList: function(){
       var self = this;
      Ajax.get('/mfoptstocklmt/listMfmedgoods', this.search)
        .then(function (response){
          var data = response.data.data;
          self.$set('listMfmedgoods',data.list);
          self.$set('disabledForUpdate',true);
          self.$set('disabledForSave',false);
          self.$set('disabled',true);
          self.$set('readonly',true); 
          // self.search.totalPages = data.totalPages;
        })
    },
    getMfoptstocklmtDetail:function(guid,name,style){
      var self=this;

      Ajax.get('/mfoptstocklmt/mfoptstocklmtDetail/' +this.$store.state.user.curUser.distrbguid + '/' + guid)
        .then(function(response){ 
          var data = response.data.data;

          self.$set('mfoptstocklmt',data);
           self.$set('goodsname',name);
            self.$set('unit',style);

          if (data == null) {
            self.$set('mfoptstocklmt.goodsguid', guid);
          }
        })
    },
    updateMfoptstocklmt:function(){
      var self = this;

      Ajax.post('/mfoptstocklmt/updatemfoptstocklmt',this.mfoptstocklmt)
        .then(function(response){
         var data=response.data;
            if (data.errorCode == 0) {
              self.MessageBox({title:'提示', message:'保存成功!', type: 'alert'},function(action){
                });
            }else {
              self.MessageBox({title:'警告', message:data.message, type: 'alert'},function(action){
              });
            }

          self.$set('disabledForUpdate',true);
          self.$set('disabledForSave',true);
          self.$set('disabled',true);
          self.$set('readonly',true);
    
      });
    },
    update:function() {
       var self = this;
       self.$set('disabledForUpdate',false);
       self.$set('disabledForSave',true);
       self.$set('disabled',false);
       self.$set('readonly',false);
       return;
    }
  },
  route:{
    activate : function(){
     //this.getMfmedgoodsList();
    }
  }
};
</script>