|
|
@ -6,7 +6,7 @@
|
|
|
|
!-->
|
|
|
|
!-->
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="collapse-input-style">
|
|
|
|
<div class="collapse-input-style">
|
|
|
|
<el-form label-width="80px" label-position="left">
|
|
|
|
<el-form label-width="100px" label-position="left">
|
|
|
|
<template v-for="(item, index) in options">
|
|
|
|
<template v-for="(item, index) in options">
|
|
|
|
<div v-if="isShowForm(item, '[object Object]')" :key="index">
|
|
|
|
<div v-if="isShowForm(item, '[object Object]')" :key="index">
|
|
|
|
<el-form-item
|
|
|
|
<el-form-item
|
|
|
@ -123,13 +123,15 @@
|
|
|
|
<!-- :options="optionsJavascript"-->
|
|
|
|
<!-- :options="optionsJavascript"-->
|
|
|
|
<!-- style="height: 190px"-->
|
|
|
|
<!-- style="height: 190px"-->
|
|
|
|
<!-- />-->
|
|
|
|
<!-- />-->
|
|
|
|
<vue-json-editor v-model="formData[item.name]"
|
|
|
|
<vue-json-editor
|
|
|
|
|
|
|
|
v-model="formData[item.name]"
|
|
|
|
:show-btns="false"
|
|
|
|
:show-btns="false"
|
|
|
|
:mode="'code'"
|
|
|
|
:mode="'code'"
|
|
|
|
lang="zh"
|
|
|
|
lang="zh"
|
|
|
|
class="my-editor"
|
|
|
|
class="my-editor"
|
|
|
|
@json-change="onJsonChange"
|
|
|
|
@json-change="onJsonChange"
|
|
|
|
@json-save="onJsonSave" />
|
|
|
|
@json-save="onJsonSave"
|
|
|
|
|
|
|
|
/>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
<el-button @click="dialogVisibleStaticData = false"
|
|
|
|
<el-button @click="dialogVisibleStaticData = false"
|
|
|
|
>取 消</el-button
|
|
|
|
>取 消</el-button
|
|
|
@ -263,7 +265,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import ColorPicker from "./colorPicker.vue";
|
|
|
|
import ColorPicker from "./colorPicker.vue";
|
|
|
|
import vueJsonEditor from 'vue-json-editor'
|
|
|
|
import vueJsonEditor from "vue-json-editor";
|
|
|
|
import "codemirror/lib/codemirror.css"; // 核心样式
|
|
|
|
import "codemirror/lib/codemirror.css"; // 核心样式
|
|
|
|
import "codemirror/theme/cobalt.css"; // 引入主题后还需要在 options 中指定主题才会生效
|
|
|
|
import "codemirror/theme/cobalt.css"; // 引入主题后还需要在 options 中指定主题才会生效
|
|
|
|
// language
|
|
|
|
// language
|
|
|
|