<template>
<div class="page_0ec8c2d30767f164">
<div class="xaCheckBox_ecbb599c4ed4ec76" style="position:absolute;width:200px;height:50px;left:325px;top:140px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;border-width:0px;border-style:solid;border-color:#EBEEF5;background-color:#fff;"><xaCheckBox ref="xaCheckBox_ecbb599c4ed4ec76" :options="componentsOptions.xaCheckBox_ecbb599c4ed4ec76" :custom="componentsOptions.xaCheckBox_ecbb599c4ed4ec76.custom" :children="componentsOptions.xaCheckBox_ecbb599c4ed4ec76.children"/></div>
<div class="xaEchartsBar_1b68a98577702e09" style="position:absolute;width:400px;height:300px;left:320px;top:241px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;border-width:0px;border-style:solid;border-color:#EBEEF5;background-color:#fff;"><xaEchartsBar ref="xaEchartsBar_1b68a98577702e09" :options="componentsOptions.xaEchartsBar_1b68a98577702e09" :custom="componentsOptions.xaEchartsBar_1b68a98577702e09.custom" :children="componentsOptions.xaEchartsBar_1b68a98577702e09.children"/></div>
<div class="xaButton_a8c358135d1cc7e1" style="position:absolute;width:100px;height:50px;left:648px;top:139px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;border-width:0px;border-style:solid;border-color:#EBEEF5;background-color:#fff;"><xaButton ref="xaButton_a8c358135d1cc7e1" :options="componentsOptions.xaButton_a8c358135d1cc7e1" :custom="componentsOptions.xaButton_a8c358135d1cc7e1.custom" :children="componentsOptions.xaButton_a8c358135d1cc7e1.children"/></div>
</div>
</template>

<script>
/** 组件逻辑代码 */
export default {
name: 'page0ec8c2d30767f164',
data() {
return {
componentsOptions: {
xaCheckBox_ecbb599c4ed4ec76:{"value":"","disabled":false,"size":"","textColor":"#fff","fill":"#409EFF","buttomStyle":false,"border":false,"children":[{"id":"1","value":"checkbox1","label":"checkbox1","disabled":false},{"id":"2","value":"checkbox2","label":"checkbox2","disabled":false}],"custom":{"autoView":{"x":0,"y":0,"w":24,"h":2},"height":50,"id":"xaCheckBox_ecbb599c4ed4ec76","name":"复选框","width":200,"x":325,"y":140,"eventListener":{}}},
xaEchartsBar_1b68a98577702e09:{"chartConfig":{"title":{"show":true,"text":"chart图","link":"","target":"blank","textStyle":{"color":"#333","fontStyle":"normal","fontWeight":"normal","fontFamily":"sans-serif","fontSize":18,"textBorderColor":"transparent","textBorderWidth":0,"textShadowColor":"transparent","textShadowBlur":0,"textShadowOffsetX":0,"textShadowOffsetY":0},"subtext":"","sublink":"","subtarget":"blank","subtextStyle":{"color":"#aaa","fontStyle":"normal","fontWeight":"normal","fontFamily":"sans-serif","fontSize":12,"align":"left","verticalAlign":"auto","textBorderColor":"transparent","textBorderWidth":0,"textShadowColor":"transparent","textShadowBlur":0,"textShadowOffsetX":0,"textShadowOffsetY":0},"textAlign":"auto","textVerticalAlign":"auto","padding":[5,5,5,5],"itemGap":10,"backgroundColor":"transparent","borderColor":"#ccc","borderWidth":0,"borderRadius":[5,5,5,5],"shadowBlur":10,"shadowColor":"#fff","shadowOffsetX":0,"shadowOffsetY":0},"legend":{"show":true,"type":"plain","left":"right","top":"auto","right":"auto","bottom":"auto","orient":"horizontal","align":"auto","padding":[5,5,5,5],"itemGap":10,"itemWidth":25,"itemHeight":14,"selectedMode":true,"inactiveColor":"#ccc","textStyle":{"color":"#333","fontStyle":"normal","fontWeight":"normal","fontFamily":"sans-serif","fontSize":12,"backgroundColor":"transparent","borderColor":"transparent","borderWidth":0,"borderRadius":[0,0,0,0],"padding":[5,5,5,5],"shadowColor":"transparent","shadowBlur":0,"shadowOffsetX":0,"shadowOffsetY":0,"textBorderColor":"transparent","textBorderWidth":0,"textShadowColor":"transparent","textShadowBlur":0,"textShadowOffsetX":0,"textShadowOffsetY":0},"icon":"","backgroundColor":"transparent","borderColor":"#ccc","borderWidth":0,"borderRadius":[0,0,0,0],"shadowBlur":10,"shadowColor":"#fff","shadowOffsetX":0,"shadowOffsetY":0,"pageButtonItemGap":5,"pageButtonGap":5,"pageButtonPosition":"end","pageIconColor":"#2f4554","pageIconInactiveColor":"#aaa","pageIconSize":15,"pageTextStyle":{"color":"#333","fontStyle":"normal","fontWeight":"normal","fontFamily":"sans-serif","fontSize":12,"textBorderColor":"transparent","textBorderWidth":0,"textShadowColor":"transparent","textShadowBlur":0,"textShadowOffsetX":0,"textShadowOffsetY":0},"animation":true,"animationDurationUpdate":800,"selectorLabel":{"show":true,"distance":5,"color":"#fff","fontStyle":"normal","fontWeight":"normal","fontFamily":"sans-serif","fontSize":12,"align":"auto","verticalAlign":"auto","backgroundColor":"transparent","borderColor":"transparent","borderWidth":0,"borderRadius":[0,0,0,0],"padding":[0,0,0,0],"shadowColor":"transparent","shadowBlur":0,"shadowOffsetX":0,"shadowOffsetY":0,"textBorderColor":"transparent","textBorderWidth":0,"textShadowColor":"transparent","textShadowBlur":0,"textShadowOffsetX":0,"textShadowOffsetY":0},"selectorPosition":"auto","selectorItemGap":7,"selectorButtonGap":10},"grid":{"show":false,"left":"10%","top":"10%","right":"10%","bottom":"10%","containLabel":false,"backgroundColor":"transparent","borderColor":"#ccc","borderWidth":1,"shadowBlur":0,"shadowColor":"transparent","shadowOffsetX":0,"shadowOffsetY":0},"xAxis":{"show":true,"type":"category","position":"bottom","offset":0,"name":"","nameLocation":"end","nameTextStyle":{"color":"#333","fontStyle":"normal","fontWeight":"normal","fontFamily":"sans-serif","fontSize":12,"align":"auto","verticalAlign":"auto","backgroundColor":"transparent","borderColor":"transparent","borderWidth":1,"borderRadius":[0,0,0,0],"padding":[0,0,0,0],"shadowColor":"transparent","shadowBlur":0,"shadowOffsetX":0,"shadowOffsetY":0,"textBorderColor":"transparent","textBorderWidth":0,"textShadowColor":"transparent","textShadowBlur":0,"textShadowOffsetX":0,"textShadowOffsetY":0},"nameGap":15,"nameRotate":0,"inverse":false,"splitNumber":5,"axisLine":{"show":true,"lineStyle":{"color":"#333","width":1,"type":"solid","shadowBlur":0,"shadowColor":"transparent","shadowOffsetX":0,"shadowOffsetY":0,"opacity":1}},"axisTick":{"show":true,"inside":false,"length":5,"lineStyle":{"color":"#333","width":1,"type":"solid","shadowBlur":0,"shadowColor":"transparent","shadowOffsetX":0,"shadowOffsetY":0,"opacity":1}},"minorTick":{"show":false,"splitNumber":5,"length":3,"lineStyle":{"color":"#333","width":1,"type":"solid","shadowBlur":0,"shadowColor":"transparent","shadowOffsetX":0,"shadowOffsetY":0,"opacity":1}},"axisLabel":{"show":true,"inside":false,"margin":8,"fontStyle":"normal","fontWeight":"normal","fontFamily":"sans-serif","fontSize":12,"align":"auto","verticalAlign":"auto","backgroundColor":"transparent","borderColor":"transparent","borderWidth":1,"borderRadius":[0,0,0,0],"padding":[0,0,0,0],"shadowColor":"transparent","shadowBlur":0,"shadowOffsetX":0,"shadowOffsetY":0,"textBorderColor":"transparent","textBorderWidth":0,"textShadowColor":"transparent","textShadowBlur":0,"textShadowOffsetX":0,"textShadowOffsetY":0},"splitLine":{"show":false,"lineStyle":{"color":"#333","width":1,"type":"solid","shadowBlur":0,"shadowColor":"transparent","shadowOffsetX":0,"shadowOffsetY":0,"opacity":1}},"minorSplitLine":{"show":false},"splitArea":{"show":false},"data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]},"yAxis":{"show":true,"type":"value","position":"left","offset":0,"name":"","nameLocation":"end","nameTextStyle":{"color":"#333","fontStyle":"normal","fontWeight":"normal","fontFamily":"sans-serif","fontSize":12,"align":"auto","verticalAlign":"auto","backgroundColor":"transparent","borderColor":"transparent","borderWidth":1,"borderRadius":[0,0,0,0],"padding":[0,0,0,0],"shadowColor":"transparent","shadowBlur":0,"shadowOffsetX":0,"shadowOffsetY":0,"textBorderColor":"transparent","textBorderWidth":0,"textShadowColor":"transparent","textShadowBlur":0,"textShadowOffsetX":0,"textShadowOffsetY":0},"nameGap":15,"nameRotate":0,"inverse":false,"boundaryGap":true,"splitNumber":5,"axisLine":{"show":true,"lineStyle":{"color":"#333","width":1,"type":"solid","shadowBlur":0,"shadowColor":"transparent","shadowOffsetX":0,"shadowOffsetY":0,"opacity":1}},"axisTick":{"show":true,"inside":false,"length":5,"lineStyle":{"color":"#333","width":1,"type":"solid","shadowBlur":0,"shadowColor":"transparent","shadowOffsetX":0,"shadowOffsetY":0,"opacity":1}},"minorTick":{"show":false,"splitNumber":5,"length":3,"lineStyle":{"color":"#333","width":1,"type":"solid","shadowBlur":0,"shadowColor":"transparent","shadowOffsetX":0,"shadowOffsetY":0,"opacity":1}},"axisLabel":{"show":true,"inside":false,"margin":30,"fontStyle":"normal","fontWeight":"normal","fontFamily":"sans-serif","fontSize":12,"align":"auto","verticalAlign":"auto","backgroundColor":"transparent","borderColor":"transparent","borderWidth":1,"borderRadius":[0,0,0,0],"padding":[0,0,0,0],"shadowColor":"transparent","shadowBlur":0,"shadowOffsetX":0,"shadowOffsetY":0,"textBorderColor":"transparent","textBorderWidth":0,"textShadowColor":"transparent","textShadowBlur":0,"textShadowOffsetX":0,"textShadowOffsetY":0},"splitLine":{"show":true,"lineStyle":{"color":"#ccc","width":1,"type":"solid","shadowBlur":0,"shadowColor":"transparent","shadowOffsetX":0,"shadowOffsetY":0,"opacity":1}},"minorSplitLine":{"show":false,"color":"#eee","width":1,"type":"solid","shadowBlur":0,"shadowColor":"transparent","shadowOffsetX":0,"shadowOffsetY":0,"opacity":1},"splitArea":{"show":false}},"tooltip":{"show":true,"trigger":"item","showContent":true,"triggerOn":"mousemove","backgroundColor":"rgba(50,50,50,0.7)","borderColor":"#333","borderWidth":0,"padding":[5,5,5,5],"textStyle":{"color":"#fff","fontStyle":"normal","fontWeight":"normal","fontFamily":"sans-serif","fontSize":14,"textBorderColor":"transparent","textBorderWidth":0,"textShadowColor":"transparent","textShadowBlur":0,"textShadowOffsetX":0,"textShadowOffsetY":0},"axisPointer":{"type":"line","label":{"show":false,"margin":3,"color":"#333","fontStyle":"normal","fontWeight":"normal","fontFamily":"sans-serif","fontSize":12,"textBorderColor":"transparent","textBorderWidth":0,"textShadowColor":"transparent","textShadowBlur":0,"textShadowOffsetX":0,"textShadowOffsetY":0,"padding":[5,7,5,7],"backgroundColor":"transparent","borderColor":"transparent","borderWidth":0,"shadowBlur":3,"shadowColor":"#aaa","shadowOffsetX":0,"shadowOffsetY":0},"lineStyle":{"color":"#555","width":1,"type":"solid","shadowBlur":3,"shadowColor":"#aaa","shadowOffsetX":0,"shadowOffsetY":0,"opacity":1},"shadowStyle":{"color":"#555","width":1,"type":"solid","shadowBlur":3,"shadowColor":"#aaa","shadowOffsetX":0,"shadowOffsetY":0,"opacity":1},"crossStyle":{"color":"#555","width":1,"type":"solid","shadowBlur":3,"shadowColor":"#aaa","shadowOffsetX":0,"shadowOffsetY":0,"opacity":1},"animation":true}},"series":[{"data":[120,200,150,80,70,110,130],"type":"bar"}]},"children":[],"custom":{"autoView":{"x":0,"y":0,"w":24,"h":2},"height":300,"id":"xaEchartsBar_1b68a98577702e09","name":"柱状图","width":400,"x":320,"y":241,"eventListener":{}}},
xaButton_a8c358135d1cc7e1:{"content":"按钮","disabled":false,"type":"primary","round":false,"circle":false,"plain":false,"size":"mini","children":[],"custom":{"autoView":{"x":0,"y":0,"w":24,"h":2},"height":50,"id":"xaButton_a8c358135d1cc7e1","name":"按钮","width":100,"x":648,"y":139,"eventListener":{"click":"function onClickEventCallBack(currentComponentInstance, ...arg) {\n    /**\n     * 函数体内的单行注释会在保存的时候删除,如果需要加注释请使用多行注释\n     * window.Uidesigner.$refs 可以访问页面上所有组件实例对象\n     * 支持返回Promise对象\n     * @param {Object} currentComponentInstance 默认第一参数是当前组件实例对象\n     * @param {Array} arg 当前事件剩余参数\n     */\n    console.log(window.Uidesigner.$refs)\n    let ins = window.Uidesigner.$refs['xaCheckBox_ecbb599c4ed4ec76'];\n    ins.setDisplay(!ins.show)\n}"}}}
}
}
},
mounted(){
if(!window.Uidesigner){
window.Uidesigner={}
}
window.Uidesigner.$refs = Object.assign({}, this.$refs)
}
}
</script>

<style>
/** 组件样式 */
body{ margin:0;padding:0 }
.page_0ec8c2d30767f164 {
position:relative;
width: 2560px;
height: 1188px;
 background: #fbfbfb;
 margin: 0 auto;
}</style>