| 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\\fromModeling\\package\\components\\KFormDesign\\module\\codeModal.vue?vue&type=style&index=0&id=784e200e&lang=css&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\fromModeling\\package\\components\\KFormDesign\\module\\codeModal.vue","mtime":1688958814437},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouZm9ybS1kZXNpZ25lci1jb250YWluZXItOTEzNjA3NjQ4Njg0MTUyNyAuY29udGVudCBhc2lkZSwgLmstZm9ybS1idWlsZC05MTM2MDc2NDg2ODQxNTI3IC5jb250ZW50IGFzaWRlIHsKICAgIC13ZWJraXQtYm94LXNoYWRvdzogMCAwIDFweCAxcHggI2NjYzsKICAgIGJveC1zaGFkb3c6IDAgMCAxcHggMXB4ICNjY2M7CiAgICB3aWR0aDogMzAwcHggIWltcG9ydGFudDsKICAgIGhlaWdodDogMTAwJTsKfQo="},{"version":3,"sources":["codeModal.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoKA;AACA;AACA;AACA;AACA;AACA","file":"codeModal.vue","sourceRoot":"src/views/system/fromModeling/package/components/KFormDesign/module","sourcesContent":["<!--\n * @Description: 代码预览组件\n * @Author: kcz\n * @Date: 2019-12-30 00:37:05\n * @LastEditors: kcz\n * @LastEditTime: 2021-05-27 15:18:39\n -->\n<template>\n <a-modal\n title=\"代码\"\n :footer=\"null\"\n :visible=\"visible\"\n @cancel=\"handleCancel\"\n wrapClassName=\"code-modal-9136076486841527\"\n style=\"top:20px;\"\n width=\"850px\"\n :destroyOnClose=\"true\"\n >\n <a-tabs tabPosition=\"left\" style=\"height:100%\">\n <a-tab-pane tab=\"VUE\" key=\"1\">\n <!-- vue code start -->\n <previewCode :editorJson=\"editorVueJson\" fileFormat=\"vue\" />\n <!-- vue code end -->\n </a-tab-pane>\n <a-tab-pane tab=\"HTML\" key=\"2\">\n <!-- html code start -->\n <previewCode :editorJson=\"editorHtmlJson\" fileFormat=\"html\" />\n <!-- html code end -->\n </a-tab-pane>\n </a-tabs>\n </a-modal>\n</template>\n<script>\nconst codeVueFront = `<template>\n <div>\n <k-form-build\n :value=\"jsonData\"\n ref=\"KFB\"\n @submit=\"handleSubmit\"\n />\n <button @click=\"getData\">提交</button>\n </div>\n</template>\n<script>\nexport default {\n name: 'Demo',\n data () {\n return {\n jsonData: `;\n/* eslint-disable */\nlet codeVueLast = `\n }\n },\n methods: {\n handleSubmit(p) {\n // 通过表单提交按钮触发，获取promise对象\n p().then(res => {\n // 获取数据成功\n alert(JSON.stringify(res))\n })\n .catch(err => {\n console.log(err, '校验失败')\n })\n },\n getData() {\n // 通过函数获取数据\n this.$refs.KFB.getData().then(res => {\n // 获取数据成功\n alert(JSON.stringify(res))\n })\n .catch(err => {\n console.log(err, '校验失败')\n })\n }\n }\n}\n<\\/script>`;\n\nlet codeHtmlFront = `<!DOCTYPE html>\n<html>\n\n<head>\n <title>表单设计器kcz</title>\n <meta charset=\"UTF-8\">\n <link rel=\"stylesheet\" href=\"http://unpkg.com/k-form-design/lib/k-form-design.css\">\n</head>\n\n<body>\n <div class=\"app\">\n <k-form-build ref=\"KFB\" @submit=\"handleSubmit\" :value=\"jsonData\"></k-form-build>\n <button @click=\"getData\">提交</button>\n </div>\n <script src=\"http://cdn.kcz66.com/vue.min.js\"><\\/script>\n <script src=\"http://unpkg.com/k-form-design/lib/k-form-design.umd.min.js\"><\\/script>\n <script>\n let jsonData = `;\n \n let codeHtmlLast = `\n let vm = new Vue({\n el: '.app',\n data: {\n jsonData\n },\n methods: {\n handleSubmit(p) {\n // 通过表单提交按钮触发，获取promise对象\n p().then(res => {\n // 获取数据成功\n alert(JSON.stringify(res))\n })\n .catch(err => {\n console.log(err, '校验失败')\n })\n },\n getData() {\n // 通过函数获取数据\n this.$refs.KFB.getData().then(res => {\n // 获取数据成功\n alert(JSON.stringify(res))\n })\n .catch(err => {\n console.log(err, '校验失败')\n })\n }\n }\n })\n <\\/script>\n</body>\n\n</html>`\n/* eslint-enable */\nimport previewCode from \"../../PreviewCode/index\";\nexport default {\n name: \"CodeModal\",\n data() {\n return {\n visible: false,\n editorVueJson: \"\",\n editorHtmlJson: \"\",\n jsonData: {}\n };\n },\n watch: {\n visible(val) {\n if (val) {\n this.editorVueJson =\n codeVueFront + JSON.stringify(this.jsonData) + codeVueLast;\n\n this.editorHtmlJson =\n codeHtmlFront + JSON.stringify(this.jsonData) + codeHtmlLast;\n }\n }\n },\n components: {\n previewCode\n },\n methods: {\n handleCancel() {\n this.visible = false;\n }\n }\n};\n</script>\n<style>\n.form-designer-container-9136076486841527 .content aside, .k-form-build-9136076486841527 .content aside {\n -webkit-box-shadow: 0 0 1px 1px #ccc;\n box-shadow: 0 0 1px 1px #ccc;\n width: 300px !important;\n height: 100%;\n}\n</style>\n"]}]}
|
