@xfu0401/form-generator 1.0.21 → 1.0.22

package/src/components/fileComs/ImportExcel.vue

@@ -1,96 +0,0 @@
-<template>
-  <el-upload
-    action="#"
-    name="multipartFiles"
-    :http-request="readExcel"
-    accept=".xlsx, .xls"
-    :show-file-list="false"
-    style="display:inline-block;"
-  >
-    <el-button :loading="loading" size="small" type="primary">{{btnText}}</el-button>
-    <div slot="tip" v-if="tip" class="el-upload__tip">只能上传xlsx/xls文件，且不超过5MB</div>
-  </el-upload>
-</template>
-<script>
-import { read, utils } from "xlsx";
-export default {
-  props: {
-    // 表格数据
-    value: {
-      type: Array,
-      default: () => [],
-    },
-    // 表头
-    head: {
-      type: Array,
-      default: () => [],
-    },
-    btnText: {
-      type: String,
-      default: "上传表格",
-    },
-    tip: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      tableHead: [], //表头
-      tableData: [], // 表数据
-      loading: false,
-    };
-  },
-  methods: {
-    readExcel(file) {
-      this.loading = true;
-      const fileReader = new FileReader();
-      this.tableHead = [];
-      this.tableData = [];
-      fileReader.onload = (ev) => {
-        try {
-          const data = ev.target.result;
-          const workbook = read(data, { type: "binary" });
-          const params = [];
-          // 取对应表生成json表格内容
-          workbook.SheetNames.forEach((item) => {
-            params.push({
-              name: item,
-              dataList: utils.sheet_to_json(workbook.Sheets[item]),
-            });
-            this.tableData.push(utils.sheet_to_json(workbook.Sheets[item]));
-          });
-          // 该算法仅针对表头无合并的情况
-          if (this.tableData.length > 0) {
-            // 获取excel中第一个表格数据tableData[0][0]，并且将表头提取出来
-            for (const key in this.tableData[0][0]) {
-              this.tableHead.push(key);
-            }
-          }
-          // console.log("导入的表格表头", this.tableHead);
-          // console.log("导入的表格数据：", this.tableData);
-          this.$emit("update:head", this.tableHead);
-          this.$emit("input", this.tableData);
-          this.$emit("confirm", this.tableData, this.tableHead);
-          this.loading = false;
-          this.$message.success("导入成功");
-          return params;
-          // 重写数据
-        } catch (e) {
-          this.$message.error("导入失败");
-          console.log("error:" + e);
-          this.loading = false;
-          return false;
-        }
-      };
-      fileReader.onerror = (error) => {
-        this.$message.error("导入失败");
-      };
-      fileReader.readAsBinaryString(file.file);
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-</style>
-

package/src/components/fileComs/ImportJson.vue

@@ -1,65 +0,0 @@
-<template>
-  <el-upload
-    action="#"
-    name="multipartFiles"
-    :http-request="readJson"
-    accept=".json"
-    :show-file-list="false"
-    style="display:inline-block;"
-  >
-    <el-button :loading="loading" size="small" type="primary">{{btnText}}</el-button>
-    <div slot="tip" v-if="tip" class="el-upload__tip">只能上传json文件，且不超过5MB</div>
-  </el-upload>
-</template>
-<script>
-export default {
-  props: {
-    // 表格数据
-    value: {
-      type: Array,
-      default: () => [],
-    },
-
-    btnText: {
-      type: String,
-      default: "导入",
-    },
-    tip: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      loading: false,
-    };
-  },
-  methods: {
-    readJson(file) {
-      this.loading = true;
-      const fileReader = new FileReader();
-      fileReader.onload = (ev) => {
-        try {
-          const data = JSON.parse(ev.target.result);
-          this.$emit("input", data);
-          this.$emit("confirm", data);
-          this.loading = false;
-          this.$message.success("导入成功");
-          // 重写数据
-        } catch (e) {
-          this.$message.error("导入失败");
-          console.log("error:" + e);
-          this.loading = false;
-        }
-      };
-      fileReader.onerror = (error) => {
-        this.$message.error("导入失败");
-      };
-      fileReader.readAsText(file.file, "UTF-8"); // 指定编码格式为UTF-8
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-</style>
-

package/src/components/formGenerator/components/formExport.vue

@@ -1,52 +0,0 @@
-<template>
-  <div class="Fg-form-json">
-    <el-button type="text" size="mini" @click="$refs.FGDialog.open()">
-      <el-tooltip content="点击此处查看表单编辑器生成的JSON表单数据" placement="top">
-        <i class="el-icon-document" style="font-size:14px"></i>
-      </el-tooltip>
-    </el-button>
-    <FGDialog title="生成的JSON表单数据" width="900px" top="8vh" ref="FGDialog">
-      <Code :code="value" />
-      <template #footer>
-        <el-button size="small" @click="$refs.FGDialog.close()">取消</el-button>
-        <ExportJson :data="value" btnText="导出文件" />
-      </template>
-    </FGDialog>
-  </div>
-</template>
-
-<script>
-import Code from "@/components/code/Code";
-import ExportJson from "@/components/fileComs/ExportJson";
-export default {
-  name: "FormJson",
-  components: {
-    Code,
-    ExportJson,
-  },
-  props: {
-    value: {},
-  },
-  methods: {
-    handleExport() {},
-  },
-};
-</script>
-
-<style lang="scss" >
-.Fg-form-json {
-  display: inline-block;
-  margin-right: 12px;
-  .fg-code {
-    height: 100%;
-    pre {
-      height: 100%;
-      code {
-        height: 100%;
-        overflow: auto;
-        box-sizing: border-box;
-      }
-    }
-  }
-}
-</style>