<style>

</style>

<template>


<div class="container resource">

  <div class="pop-banner clearfix">
    
    <div class="operate-btns">
      
     <!--  <a href="javascript:void(0)" class="fbtn fb-modify">修改</a> -->
      <a href="javascript:void(0);" class="fbtn fb-add"
      
      v-show="addbool==false" v-on:click="add()">添加</a>
      <a href="javascript:void(0)" class="fbtn fb-save"
      v-if="'/public/act:addAct' | myqx" 
        v-on:click="save()" >保存</a>
    </div>


    <h3 class="current-module">CMS详情</h3>
  </div>


	<div class="pd-form clearfix">
      <div class="form-group">
        <label for="cn1" class="label">标题</label>
        <div class="control">
          <input type="text" id="cn1" v-model="title">          
        </div>
      </div>
       <div class="form-group" v-show="sourceshow">
        <label for="cn1" class="label">消息来源</label>
        <div class="control">
          <input type="text" id="cn1" v-model="source">          
        </div>
      </div>
      <div class="form-group" style="display:none;">
        <label for="cn1" class="label">排序</label>
        <div class="control">
          <input type="text" id="cn1" v-model="consort">          
        </div>
      </div>
      <div class="form-group">
        <label for="cn1" class="label">文章分类</label>
        <div class="control"  style="position:relative;z-index:1;">
          <select-ui :list="typeselects"  :empty="true"
            :selected.sync="typecode">              
          </select-ui>
        </div>
      </div>
      <div class="form-group mb-20">
        <label class="label">正文</label>
        <div class="control"  style="position:relative;z-index:1;">
          <!-- <textarea id="cn10" rows="5"></textarea> -->
           <vue-html5-editor :content.sync="content" :height="300"></vue-html5-editor>
        </div>
      </div>     
    </div>

</div>

</template>

<script>
module.exports={
	data:function(){
		return {
      		guid:0,
			content:"",title:'',typecode:'',addbool:false,consort:0,source:'',
      typeselects:[],sourceshow:false
		}
	},methods:{
      getData:function(){     
        var type=this.$route.params.type   
        if(type==1){
            this.sourceshow=false;
        }else{
            this.sourceshow=true;
        }
          this.guid=this.$route.params.id || 0;
          if(this.guid==0){
            this.addbool=true;
            this.title="";
            this.content="";
            this.guid='';
            this.typecode="";
            this.source=''
            this.consort=0;
            this.guid='';
          }else{
            this.addbool=false;
            Ajax.post('/cms/public_act_getOneAct',
              {guid:this.guid}).then(function(res){
              var result=res.data;

              if(result.data){
                  this.guid=result.data.guid;  	
                  this.title=result.data.title;
                  this.typecode=result.data.typecode;
                  this.content=result.data.content;
                  this.consort=result.data.consort;
                  this.source=result.data.source;
              }
            }.bind(this))
          }          
      },save:function(){

        var obj={guid:this.guid,title:this.title,
          typecode:this.typecode,content:this.content,
          consort:this.consort,source:this.source}
        if(this.addbool==false){
            Ajax.post('/cms/public_act_modifyAct',
              obj).then(function(res){
               var result=res.data;

                if(result.errorCode==0){
                    this.title="";
                    this.content="";
                    this.guid='';
                    this.typecode="";
                    this.consort=0;
                    this.source='';                    
                    this.$router.go({
                      path:'/cmslist/'+this.$route.params.type
                    })
                }
            }.bind(this))
        }else{
          Ajax.post('/cms/public_act_addAct',
              obj).then(function(res){
               var result=res.data;

                if(result.errorCode==0){
                    this.title="";
                    this.content="";
                    this.guid='';
                    this.typecode="";
                    this.consort=0;
                    this.source='';
                    this.$router.go({
                      path:'/cmslist/'+this.$route.params.type
                    })
                }
            }.bind(this))
        }
            
        
        
      },add:function(){
        this.MessageBox({
            title: '提示',
            message: '确定放弃修改添加吗',
            type: 'success',
            showCancelButton: true
        }).then(function(action) {    
              if(action=="confirm"){
                  this.title="";
                  this.content="";
                  this.guid='';
                  this.typecode="";
                  this.consort=0;
                  this.source=''
                  this.addbool=true;
              }  
        }.bind(this));
      },gettype:function(){
        var type=this.$route.params.type;
	      Ajax.get('/cms/typelist',{
	        type:type
	      }).then(function(res){
	           var result=res.data;

	            if(result.data){
	              var arr=[];
	              for(var i=0;i<result.data.length;i++){
                  if(result.data[i].parentid==type){
                      arr.push({
                        value:result.data[i].id,
                        label:result.data[i].title
                      }) 
                  }	                                          
	              }
	              this.$set('typeselects',arr);     
	            }
	      }.bind(this))
    }
  },route:{
		activate:function(){
		  this.getData();
		  this.gettype();
		}
	}
}
</script>