|
@@ -5,6 +5,7 @@
|
|
<el-container>
|
|
<el-container>
|
|
<el-aside width="250px">
|
|
<el-aside width="250px">
|
|
<div class="components-list">
|
|
<div class="components-list">
|
|
|
|
+ <!-- 基础控件 -->
|
|
<template v-if="basicFields.length">
|
|
<template v-if="basicFields.length">
|
|
<div class="widget-cate">{{$t('fm.components.basic.title')}}</div>
|
|
<div class="widget-cate">{{$t('fm.components.basic.title')}}</div>
|
|
<draggable tag="ul" :list="basicComponents"
|
|
<draggable tag="ul" :list="basicComponents"
|
|
@@ -22,7 +23,9 @@
|
|
</li>
|
|
</li>
|
|
</template>
|
|
</template>
|
|
</draggable>
|
|
</draggable>
|
|
- </template>
|
|
|
|
|
|
+ </template>
|
|
|
|
+
|
|
|
|
+ <!-- 高级控件 -->
|
|
<template v-if="advanceFields.length">
|
|
<template v-if="advanceFields.length">
|
|
<div class="widget-cate">{{$t('fm.components.advance.title')}}</div>
|
|
<div class="widget-cate">{{$t('fm.components.advance.title')}}</div>
|
|
<draggable tag="ul" :list="advanceComponents"
|
|
<draggable tag="ul" :list="advanceComponents"
|
|
@@ -42,7 +45,7 @@
|
|
</draggable>
|
|
</draggable>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
-
|
|
|
|
|
|
+ <!-- 布局控件 -->
|
|
<template v-if="layoutFields.length">
|
|
<template v-if="layoutFields.length">
|
|
<div class="widget-cate">{{$t('fm.components.layout.title')}}</div>
|
|
<div class="widget-cate">{{$t('fm.components.layout.title')}}</div>
|
|
<draggable tag="ul" :list="layoutComponents"
|
|
<draggable tag="ul" :list="layoutComponents"
|
|
@@ -311,9 +314,6 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- handleGoGithub () {
|
|
|
|
- window.location.href = 'https://github.com/GavinZhuLei/vue-form-making'
|
|
|
|
- },
|
|
|
|
handleConfigSelect (value) {
|
|
handleConfigSelect (value) {
|
|
this.configTab = value
|
|
this.configTab = value
|
|
},
|
|
},
|
|
@@ -360,7 +360,6 @@ export default {
|
|
})
|
|
})
|
|
},
|
|
},
|
|
handleGenerateCode () {
|
|
handleGenerateCode () {
|
|
-
|
|
|
|
this.codeVisible = true
|
|
this.codeVisible = true
|
|
this.htmlTemplate = generateCode(JSON.stringify(this.widgetForm), 'html')
|
|
this.htmlTemplate = generateCode(JSON.stringify(this.widgetForm), 'html')
|
|
this.vueTemplate = generateCode(JSON.stringify(this.widgetForm), 'vue')
|
|
this.vueTemplate = generateCode(JSON.stringify(this.widgetForm), 'vue')
|