文档上传

src/api/emport/Emport.js

@@ -145,17 +145,6 @@ export function queryDbField(dataSourceId,tableName) {
     })
 }
 
-/**
- * 文件上传
- * @param data
- * @returns {*}
- */
-export async function uploadExcel(data) {
-    return {
-        code: 200
-    }
-}
-
 
 /**
  * 字段查询
@@ -271,4 +260,73 @@ export function deleteRule(ruleId) {
         method: 'delete',
         params:{ruleId}
     })
-}
\ No newline at end of file
+}
+
+/**
+ * 规则测试
+ * @param data
+ * @returns {*}
+ */
+export function ruleTest(data) {
+    return request({
+        url: `${prefix}/rule/test`,
+        method: 'post',
+        data
+    })
+}
+
+/**
+ * 快速绑定
+ * @param templateId
+ * @param ruleId
+ * @returns {AxiosPromise}
+ */
+export function quickBind(templateId,ruleId) {
+    return request({
+        url: `${prefix}/bind/quick`,
+        method: 'get',
+        params:{templateId,ruleId}
+    })
+}
+
+/**
+ * 查询绑定的规则
+ * @param fieldId
+ * @returns {AxiosPromise}
+ */
+export function queryBindRule(fieldId) {
+    return request({
+        url: `${prefix}/bind`,
+        method: 'get',
+        params:{fieldId}
+    })
+}
+
+/**
+ * 配置字段规则绑定
+ * @param data
+ * @returns {AxiosPromise}
+ */
+export function bindRule(data) {
+    return request({
+        url: `${prefix}/bind`,
+        method: 'post',
+        data
+    })
+}
+
+/**
+ * 上传excel
+ * @param data
+ * @returns {*}
+ */
+export function uploadExcel(data) {
+    return request({
+        url: `${prefix}/upload`,
+        method: 'post',
+        data,
+        headers: {
+            'Content-Type': 'multipart/form-data'
+        }
+    })
+}

src/views/emport/emport/AutoUpload.vue

+<template>
+  <el-dialog :before-close="cancel" :close-on-click-modal="false"
+             :title="title"
+             :visible="open"
+             :width="width"
+             append-to-body
+             @close="clearFiles">
+    <div>
+      <el-upload ref="upload" :auto-upload="false" :http-request="httpRequest"
+                 :multiple="multiple" :on-change="handleChange"
+                 action="xxx"
+                 drag>
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <div v-if="accept.length > 0" slot="tip" class="el-upload__tip">
+          只能上传{{ accept.join("/") }}文件
+        </div>
+      </el-upload>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="upload">上传</el-button>
+      <el-button @click="cancel">取 消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+
+export default {
+  name: "AutoUpload",
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    width: {
+      type: String,
+      default: '400px'
+    },
+    open: {
+      type: Boolean,
+      default: false
+    },
+    accept: {
+      type: Array,
+      default: () => []
+    },
+    multiple: {
+      type: Boolean,
+      default: true
+    }
+  },
+  methods: {
+    cancel() {
+        this.clearFiles()
+      this.$emit("update:open", false);
+    },
+    upload() {
+      this.$refs.upload.submit();
+    },
+    handleChange(file, fileList) {
+      let fileType = file.name.substring(file.name.lastIndexOf('.') + 1)
+      if (this.accept.length > 0) {
+        let extension = this.accept.some(item => {
+          return item === fileType.toLowerCase();
+        })
+        if (!extension) {
+          this.$message.warning(`请选择类型为${this.accept.join("/")}的文件`)
+          fileList.splice(-1, 1); //移除选中
+        }
+      }
+    },
+    httpRequest({file,onError,onProgress,onSuccess}){
+      //let formData = new FormData()
+      //formData.append("file",file)
+      this.$emit('upload', {
+        file,
+        onSuccess
+      })
+    },
+    clearFiles(){
+      if (this.$refs.upload){
+        this.$refs.upload.clearFiles()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>