RUIAN_OA/浙政钉端/z_auto_deploy_parent/componenttest/sidecompbtn.js

//左侧组件配置数据
z.autodeploy.addSideComp({
	id:"sidecompbtn",
	sidecomp:{
		img:"https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2867068672,3134492367&fm=26&gp=0.jpg",
		text:"按钮"
	},
	temp:function(compconfig){
		var options=compconfig.options;
		return  '<div class="btn '+options.btncolor.value+' '+options.btnsize.value+'">'+options.btnicon.value+' '+options.btncontent.value+'</div>';
	},
	render:function(el,compconfig){
		$(el).on("click",function(){
			console.log(11)
		})
	},
	options:{
		"btnicon":{
			type:'input',
			text:"按钮图标",
			value:"<i class='fa fa-search'></i>",
			placeholder:"请输入"
		},
		"btncontent":{
			type:'input',
			text:"文字内容",
			value:"",
			placeholder:"请输入"
		},
		"btncolor":{
			type:'select',
			text:"按钮颜色",
			items:[
				{
					value:"btn-primary",
					text:'<font class="text-primary">默认</font>'
				},
				{
					value:"btn-info",
					text:'<font class="text-info">文字颜色2</font>'
				},
				{
					value:"btn-danger",
					text:'<font class="text-danger">文字颜色3</font>'
				},
				{
					value:"btn-success",
					text:'<font class="text-success">文字颜色4</font>'
				}
			],
			value:"btn-primary"
		},
		"btnsize":{
			type:'select',
			text:"按钮大小",
			items:[
				{
					value:"btn-sm",
					text:"小"
				},
				{
					value:"",
					text:"中"
				},
				{
					value:"btn-lg",
					text:"大"
				}
			],
			value:""
		}
	},
	events:{

	},
	methods:{}
})