1 |
- {"remainingRequest":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\fromModel\\index.vue?vue&type=style&index=0&id=2d420bc8&lang=css&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\fromModel\\index.vue","mtime":1689243618515},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1688725399018},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1688725423149},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1688725407590},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1688725415411}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCmFzaWRlewogIHdpZHRoOiAzNDBweCAhaW1wb3J0YW50Owp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkIA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/system/fromModel","sourcesContent":["<template>\r\n <div>\r\n <k-form-design \r\n :showHead=\"false\"\r\n @save=\"handleSave\"\r\n @exportCode=\"handCode\"\r\n ref=\"kfd\"\r\n />\r\n </div>\r\n </template>\r\n<script>\r\n// 生成HTML的\r\nlet codeHtmlFront = `<!DOCTYPE html>\r\n<html>\r\n\r\n<head>\r\n <title>表单设计</title>\r\n <meta charset=\"UTF-8\">\r\n <link rel=\"stylesheet\" href=\"http://unpkg.com/k-form-design/lib/k-form-design.css\">\r\n</head>\r\n\r\n<body>\r\n <div class=\"app\">\r\n <k-form-build ref=\"KFB\" @submit=\"handleSubmit\" :value=\"jsonData\"></k-form-build>\r\n <button @click=\"getData\">提交</button>\r\n </div>\r\n <script src=\"http://cdn.kcz66.com/vue.min.js\"><\\/script>\r\n <script src=\"http://unpkg.com/k-form-design/lib/k-form-design.umd.min.js\"><\\/script>\r\n <script>\r\n let jsonData = `;\r\n \r\n let codeHtmlLast = `\r\n let vm = new Vue({\r\n el: '.app',\r\n data: {\r\n jsonData\r\n },\r\n methods: {\r\n handleSubmit(p) {\r\n // 通过表单提交按钮触发,获取promise对象\r\n p().then(res => {\r\n // 获取数据成功\r\n alert(JSON.stringify(res))\r\n })\r\n .catch(err => {\r\n console.log(err, '校验失败')\r\n })\r\n },\r\n getData() {\r\n // 通过函数获取数据\r\n this.$refs.KFB.getData().then(res => {\r\n // 获取数据成功\r\n alert(JSON.stringify(res))\r\n })\r\n .catch(err => {\r\n console.log(err, '校验失败')\r\n })\r\n }\r\n }\r\n })\r\n <\\/script>\r\n</body>\r\n\r\n</html>`\r\nimport { addForm ,getForm,updateForm} from \"@/api/dragform/form\";\r\nexport default {\r\n name:'fromModel',\r\n data() {\r\n return {\r\n fid: null,\r\n };\r\n },\r\n methods: {\r\n handleSave(values) {\r\n // console.log(values);\r\n var jsonData = JSON.parse(values);\r\n //\r\n var editorHtmlJson =\r\n codeHtmlFront + JSON.stringify(jsonData) + codeHtmlLast;\r\n console.log(this.fid)\r\n if(!this.fid){\r\n addForm({\r\n dfName:'1',\r\n dfNickname:'1',\r\n dfVueTemplate:values,\r\n dfHtmlTemplate:editorHtmlJson.toString(),\r\n dfFormSql:'',\r\n dfNodeId:'',\r\n dfDatabase:'',\r\n dfTableName:'',\r\n }).then((res)=>{\r\n console.log(res);\r\n })\r\n }else{\r\n updateForm({\r\n dfName:'1',\r\n dfNickname:'1',\r\n dfVueTemplate:values,\r\n dfHtmlTemplate:editorHtmlJson.toString(),\r\n dfFormSql:'',\r\n dfNodeId:'',\r\n dfDatabase:'',\r\n dfTableName:'',\r\n fId:this.fid\r\n }).then((res)=>{\r\n console.log(res)\r\n this.$message(res.msg)\r\n })\r\n }\r\n \r\n \r\n },\r\n\r\n },\r\n mounted() {\r\n const fid = this.$route.params.id;\r\n\r\n if(!fid)return;\r\n this.fid = fid;\r\n \r\n getForm(fid).then(response => {\r\n console.log(response)\r\n const jsonData = JSON.parse(response.data.dfVueTemplate)\r\n this.$refs.kfd.handleSetData(jsonData)\r\n });\r\n },\r\n};\r\n</script>\r\n\r\n<style>\r\n aside{\r\n width: 340px !important;\r\n }\r\n</style>\r\n\r\n"]}]}
|