|
|
@@ -1,13 +1,13 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <k-form-design
|
|
|
+ <div>
|
|
|
+ <k-form-design
|
|
|
:showHead="false"
|
|
|
@save="handleSave"
|
|
|
@exportCode="handCode"
|
|
|
ref="kfd"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
<script>
|
|
|
// 生成HTML的
|
|
|
let codeHtmlFront = `<!DOCTYPE html>
|
|
|
@@ -28,8 +28,8 @@ let codeHtmlFront = `<!DOCTYPE html>
|
|
|
<script src="http://unpkg.com/k-form-design/lib/k-form-design.umd.min.js"><\/script>
|
|
|
<script>
|
|
|
let jsonData = `;
|
|
|
-
|
|
|
- let codeHtmlLast = `
|
|
|
+
|
|
|
+let codeHtmlLast = `
|
|
|
let vm = new Vue({
|
|
|
el: '.app',
|
|
|
data: {
|
|
|
@@ -61,11 +61,11 @@ let codeHtmlFront = `<!DOCTYPE html>
|
|
|
<\/script>
|
|
|
</body>
|
|
|
|
|
|
-</html>`
|
|
|
-import { addForm ,getForm,updateForm} from "@/api/dragform/form";
|
|
|
+</html>`;
|
|
|
+import { addForm, getForm, updateForm } from "@/api/dragform/form";
|
|
|
|
|
|
export default {
|
|
|
- name:'fromModel',
|
|
|
+ name: "fromModel",
|
|
|
data() {
|
|
|
return {
|
|
|
fid: null,
|
|
|
@@ -73,57 +73,55 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
handleSave(values) {
|
|
|
- // console.log(values);
|
|
|
var jsonData = JSON.parse(values);
|
|
|
//
|
|
|
var editorHtmlJson =
|
|
|
- codeHtmlFront + JSON.stringify(jsonData) + codeHtmlLast;
|
|
|
+ codeHtmlFront + JSON.stringify(jsonData) + codeHtmlLast;
|
|
|
// console.log(this.fid)
|
|
|
- if(!this.fid){
|
|
|
+ if (!this.fid) {
|
|
|
addForm({
|
|
|
- dfName:'1',
|
|
|
- dfNickname:'1',
|
|
|
- dfVueTemplate:values,
|
|
|
- dfHtmlTemplate:editorHtmlJson.toString(),
|
|
|
- }).then((res)=>{
|
|
|
+ dfName: "1",
|
|
|
+ dfNickname: "1",
|
|
|
+ dfVueTemplate: values,
|
|
|
+ dtId: JSON.parse(values).config.tdId,
|
|
|
+ dfHtmlTemplate: editorHtmlJson.toString(),
|
|
|
+ }).then((res) => {
|
|
|
console.log(res);
|
|
|
- this.$message(res.msg)
|
|
|
- })
|
|
|
- }else{
|
|
|
+ this.$message(res.msg);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
updateForm({
|
|
|
- dfName:'1',
|
|
|
- dfNickname:'1',
|
|
|
- dfVueTemplate:values,
|
|
|
- dfHtmlTemplate:editorHtmlJson.toString(),
|
|
|
- fId:this.fid
|
|
|
- }).then((res)=>{
|
|
|
- console.log(res)
|
|
|
- this.$message(res.msg)
|
|
|
- })
|
|
|
+ dfName: "1",
|
|
|
+ dfNickname: "1",
|
|
|
+ dfVueTemplate: values,
|
|
|
+ dfHtmlTemplate: editorHtmlJson.toString(),
|
|
|
+ dtId: JSON.parse(values).config.tdId,
|
|
|
+ fId: this.fid,
|
|
|
+ }).then((res) => {
|
|
|
+ console.log(res);
|
|
|
+ this.$message(res.msg);
|
|
|
+ });
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
},
|
|
|
-
|
|
|
+ handCode() {},
|
|
|
},
|
|
|
mounted() {
|
|
|
- const fid = sessionStorage.getItem('fid');
|
|
|
+ const fid = this.$route.query.fId;
|
|
|
|
|
|
- if(!fid)return;
|
|
|
+ if (!fid) return;
|
|
|
this.fid = fid;
|
|
|
-
|
|
|
- getForm(fid).then(response => {
|
|
|
- console.log(response)
|
|
|
- const jsonData = JSON.parse(response.data.dfVueTemplate)
|
|
|
- this.$refs.kfd.handleSetData(jsonData)
|
|
|
+
|
|
|
+ getForm(fid).then((response) => {
|
|
|
+ console.log(response);
|
|
|
+ const jsonData = JSON.parse(response.data.dfVueTemplate);
|
|
|
+ this.$refs.kfd.handleSetData(jsonData);
|
|
|
});
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
- aside{
|
|
|
- width: 340px !important;
|
|
|
- }
|
|
|
+aside {
|
|
|
+ width: 340px !important;
|
|
|
+}
|
|
|
</style>
|
|
|
-
|
lph