<template>
  <div class="container resource">
    <div class="pop-banner clearfix">
      <div class="operate-btns">{{dual}}
        <a href="javascript:;" class="fbtn fb-modify" @click="update" v-if="authoritySetting.oneUpdateFlag">修改</a>
        <!-- <a href="javascript:;" class="fbtn fb-add">添加</a> -->
        <!-- <a href="javascript:;" class="fbtn fb-save" @click="save">保存</a> -->
        <a @click="save" href="javascript:void(0)" v-if="'/distribution/distributor:savedistributor' | myqx (!disabled)" class="fbtn fb-save" >保存</a>
       <a href="javascript:void(0)" class="fbtn fb-save" style="color:#DCDCDC" v:disabled="disabled" v-if="'/distribution/distributor:savedistributor' | myqx (disabled)" >保存</a>
      </div>
      <h3 class="current-module">配送商资料维护</h3>
  </div>
  
  <!--basic-distribution start-->
  <!-- v-if='mfdistribution' -->
  <div class="epi-form basic-data-form" style='position: relative;' >

  <div class="fheader">
    <h4 class="fh-notes">基本资料</h4>
    <div class="stretch"> 

    </div>
  </div> 
   <div class="fpart mb-20 clearfix pull" style="position:relative;margin-left:160px;">

    <div class="edit-logo " style="position: relative;">
      <div class="edit-logo-show">
        <!-- /images/default-one.png -->
         <avatarh class="avatar" :json-str="avatar" v-if='!mfdistribution.pictcontent' defaultjsonf='/images/default-one.png' style='height:50%;width:50%;margin-left: 25%; margin-top: 16%;'></avatarh>
        <avatarh class="avatar" :json-str="avatar" v-else :defaultjsonf='mfdistribution.pictcontent | thumbnail' style='height:100%;width:100%;'></avatarh>
    
      </div>
    </div>
      
        <!-- <a href="javascript:;" class="btn button-green edit-logo-upload"  v-bind:disabled="disabled">上传配送商图标</a> -->
        <upload :model.sync="avatar" type="avatar" v-on:file-change="setHeadImg"
        class="btn button-green edit-logo-upload">  
          <span class="ml-10">上传医疗机构图标</span>
        <!--   <button class="btn button-green edit-logo-upload" v-bind:disabled="disabled"
          style="position: initial;">上传配送商图标

          </button> -->
        </upload>
        <div style='position: absolute;left: 0px;width: 178px;top: 175px;text-align: center;font-size:12px;'>
          尺寸：178像素*125像素
        </div>
<!--      <div class="group-row edit-logo">
      <div class="form-group">
        <label for="cn2" class="label">医疗机构图标</label>
        <div class="ep-title">
          <div class="ep-pic">
            <avatars class="avatar" :json-str="avatar"></avatars>
          </div>
          <div class="ep-cast">
            <div class="form-group form-group-long">
              <div class="edit-links" >
               
                 <upload :model.sync="avatar" type="avatar" v-on:file-change="setHeadImg">   
           <button class="edit-logo-btn btn-upload" v-bind:disabled="disabled">上传</button>
          </upload>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
     -->
     </div>
    <div class="pd-form fl pull" style="position:absolute;margin-left:160px;top:185px;left:195px;">


      <div class="group-row">
        <div class="form-group form-label">
          <label for="cn1" class="label">配送商名称</label>
          <div class="control">
            <input type="text" id="cn1" title="医疗机构名称" class="inp6" v-model="mfdistribution.name" v-bind:disabled="true"  
           @change="validAccountExist1">
          </div>
        </div>
      </div>

      <div class="group-row">
        <div class="form-group form-label">
          <label for="cn2" class="label">注册地址</label>
          <div class="control">
              <city :province.sync="mfdistribution.province"
                  :city.sync="mfdistribution.city"v-bind:disabled="disabled"
                  :area.sync="mfdistribution.district" hovers='hover-none' v-bind:disabled="disabled" 
                  styles="padding-left: 5em;height: 34px !important;overflow: hidden; width: 100% !important;margin-bottom:0;"
                  selectstyle="width:110px;background:none !important;" id='cn2'
                  ></city>
      <!--       <div class="address-select" title="注册地址" v-else>
              <input type="text" class="w110 inp4" id='cn2' style='margin-left:5em;' v-model='mfdistribution.province'>
              <input type="text" class="w110" v-model='mfdistribution.city'>
              <input type="text" class="w110" v-model='mfdistribution.district'>
            </div>  -->    
          </div>
        </div>
      </div>
      <div class="group-row form-label">
        <label for="cn4" class="label">详细地址</label>
        <div class="form-group">
          <textarea title="详细地址" id="cn4" class="inp4" style='line-height:32px;' v-model="mfdistribution.address" v-bind:disabled="disabled"></textarea>
        </div>
      </div>
<!--       <div class="group-row">
        <div class="form-group form-label">
          <label for="cb1" class="label">所属区域</label>
          <div class="control select-style">
           <select-ui :list="ctns.ROLEAREA" :empty="false" :selected.sync="mfdistribution.rolearea" v-bind:disabled="disabled" class='inp4' id='cb1'></select-ui>
          </div>
        </div>
      </div> -->
      <div class="group-row">
        <div class="form-group form-label">
          <label for="cn3" class="label">联系人</label>
          <div class="control">
            <input type="text" id="cn3" class="inp3" v-model="mfdistribution.linkman" v-bind:disabled="disabled">
          </div>
        </div>

      </div>
      <div class="group-row">
        <div class="form-group  form-label">
          <label for="cn5" class="label">联系电话</label>
          <div class="control">
            <input type="text" class="inp4" id="cn5" v-model="mfdistribution.contacttel" v-bind:disabled="disabled">
          </div>
        </div>
      </div>

    </div>

  
</div>




<!--   <div class="pd-form basic-distribution">
    <div class="fheader">
      <h4 class="fh-notes">基本信息</h4>
    </div>
    <div class="fpart mb-20">
      <div class="group-row">
        <div class="form-group">
          <label for="cn1" class="label">配送商名称</label>
          <div class="control">
            <input type="text" id="cn1" v-model="mfdistribution.name" v-bind:disabled="true">
          </div>
        </div>
         <div class="form-group">
          <label for="cn1" class="label">业务状态</label>
          <div class="control">
            <div class="ep-title">
              <div class="ep-status">
                <a class="invalid" href="javascript:void(0)" v-if="(mfdistribution.bizstate =='e' || mfdistribution.bizstate =='E')">作废</a>
                     <a class="valid" href="javascript:void(0)" v-if="(mfdistribution.bizstate =='y' || mfdistribution.bizstate =='Y')">有效</a>
                     <a class="unused" href="javascript:void(0)" v-if="(mfdistribution.bizstate =='s' || mfdistribution.bizstate =='S')">停用</a>
              </div>
            </div>
          </div>
        </div>
      </div>
     <div class="group-row edit-logo">
      <div class="form-group">
        <label for="cn2" class="label">配送商图标</label>
        <div class="ep-title">
          <div class="ep-pic">
          <avatars class="avatar" :json-str="avatar"></avatars>
          </div>
          <div class="ep-cast">
            <div class="form-group form-group-long">
              <div class="edit-links">
    
                 <upload :model.sync="avatar" type="avatar" v-on:file-change="setHeadImg" >   
            <button class="edit-logo-btn btn-upload" @keydown="return false" @keyup="return false">上传</button>
          </upload>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
      <div class="form-group">
        <label class="label">地址</label>
         <div class="control">
              <div class="address-select" >
                <city :province.sync="mfdistribution.province"
                  :city.sync="mfdistribution.city"
                  :area.sync="mfdistribution.district"
                  :readonly="readonly"
                  ></city>
              </div>
            </div>
      </div>
      <div class="form-group">
        <label for="cn1" class="label">详细地址</label>
        <div class="control">
          <textarea rows="2" id="cn1" v-model="mfdistribution.address" v-bind:disabled="disabled"></textarea>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn1" class="label">联系人</label>
          <div class="control">
            <input type="text"  v-model="mfdistribution.linkman" v-bind:disabled="disabled"id="cn1">
          </div>
        </div>
        <div class="form-group">
          <label for="cn1" class="label">联系电话</label>
          <div class="control">
            <input type="text" v-model="mfdistribution.contacttel" v-bind:disabled="disabled"id="cn1">
          </div>
        </div>
      </div>
    </div>
  </div> -->
  <!--basic-distribution end-->

</div>
</template>
<script>
module.exports={
  data: function(){
    return {
      avatar: '',
       bizstate: [{
        value: "Y",
        label: "有效"
      }, {
        value: "S",
        label: "停用"
      }, {
        value: "E",
        label: "作废"
      }],
      mfdistribution:{},
      disabled: true,
     
      readonly:"disabled",
      checked : "",
      distrbGuid:'',
      authoritySetting: {
        oneSaveFlag:true,
        oneUpdateFlag:true,
        
      },
    };
  },
  computed: {
      dual: function () {
        var self = this;
        var curMenuRole = this.$store.state.user.curMenuRole;
        self.distrbGuid = this.$store.state.user.curUser.distrbguid;
        self.getData();
        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++) {
                             // 一级菜单设置
                             
                             if (!self.authoritySetting.oneUpdateFlag && curMenuRole[i].buttonList[j].level=='1' && curMenuRole[i].buttonList[j].name.trim() =='修改' && curMenuRole[i].buttonList[j].isvalid=='y') {
                                self.authoritySetting.oneUpdateFlag = true;
                             }
                             
                             if (!self.authoritySetting.oneSaveFlag && curMenuRole[i].buttonList[j].level=='1' && curMenuRole[i].buttonList[j].name.trim() =='保存' && curMenuRole[i].buttonList[j].isvalid=='y') {
                                self.authoritySetting.oneSaveFlag = true;
                             }
                             // 二级菜单设置
                             
                         }
                       break;
                    }
                }
            }
        }
        return '';
      }
    },
  methods: {
      //修改头像
    setHeadImg:function(){
        this.$set('mfdistribution.pictcontent',this.avatar);
    },
    getData: function(){
      var self = this;
 Ajax.get('/user/distributorDetail/'+self.distrbGuid)
        .then(function (response){
          var data = response.data.data;
          self.$set('mfdistribution',data);
          self.$set('disabled',true);
          self.$set('readonly',true);
           if(self.mfdistribution.pictcontent!=null){
                  self.avatar = self.mfdistribution.pictcontent;
              }else{
                  self.$set('avatar', null);
              }
        })

    },
   
    update:function() {
       var self = this;
       self.$set('disabled',false);
        self.$set('readonly',false);
       return;
    },
    save:function() {
    var self = this;
   
        Ajax.post('/user/saveDistributor',this.mfdistribution)
        .then(function (response){
          self.MessageBox({
            title:'提示',message:'保存成功！',type:'alert'
          },function(action){
            self.$set('disabled',true);
          })
          });

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