owners管理

ruoyi-admin-vue/src/api/inventory/owners.js

+import request from '@/utils/request'
+
+// 查询货主信息列表
+export function listOwners(query) {
+  return request({
+    url: '/inventory/owners/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询货主信息详细
+export function getOwners(id) {
+  return request({
+    url: '/inventory/owners/' + id,
+    method: 'get'
+  })
+}
+
+// 新增货主信息
+export function addOwners(data) {
+  return request({
+    url: '/inventory/owners',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改货主信息
+export function updateOwners(data) {
+  return request({
+    url: '/inventory/owners',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除货主信息
+export function delOwners(id) {
+  return request({
+    url: '/inventory/owners/' + id,
+    method: 'delete'
+  })
+}

ruoyi-admin-vue/src/components/ImportExcel/index.vue

+<template>
+  <div>
+    <!-- 导入对话框 -->
+    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
+      <el-upload
+        ref="upload"
+        :limit="1"
+        accept=".xlsx, .xls"
+        :headers="upload.headers"
+        :action="upload.url + '?updateSupport=' + upload.updateSupport"
+        :disabled="upload.isUploading"
+        :on-progress="handleFileUploadProgress"
+        :on-success="handleFileSuccess"
+        :auto-upload="false"
+        drag
+      >
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <div class="el-upload__tip text-center" slot="tip">
+          <div class="el-upload__tip" slot="tip">
+            <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的数据
+          </div>
+          <span>仅允许导入xls、xlsx格式文件。</span>
+          <el-link
+            type="primary"
+            :underline="false"
+            style="font-size: 12px; vertical-align: baseline"
+            @click="importTemplate"
+          >下载模板</el-link>
+        </div>
+      </el-upload>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitFileForm">确 定</el-button>
+        <el-button @click="upload.open = false">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getToken } from "@/utils/auth"
+
+export default {
+  name: "ImportExcel",
+  props: {
+    // 导入标题
+    title: {
+      type: String,
+      default: "导入数据"
+    },
+    // 导入接口地址
+    importUrl: {
+      type: String,
+      required: true
+    },
+    // 模板下载地址
+    templateUrl: {
+      type: String,
+      required: true
+    },
+    // 模板文件名前缀
+    templateName: {
+      type: String,
+      default: "template"
+    }
+  },
+  data() {
+    return {
+      // 导入参数
+      upload: {
+        // 是否显示弹出层（导入）
+        open: false,
+        // 弹出层标题（导入）
+        title: "",
+        // 是否禁用上传
+        isUploading: false,
+        // 是否更新已经存在的数据
+        updateSupport: 0,
+        // 设置上传的请求头部
+        headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        url: ""
+      }
+    }
+  },
+  methods: {
+    /** 打开导入对话框 */
+    show() {
+      this.upload.title = this.title
+      this.upload.url = process.env.VUE_APP_BASE_API + this.importUrl
+      this.upload.open = true
+    },
+    /** 下载模板操作 */
+    importTemplate() {
+      this.download(this.templateUrl, {}, `${this.templateName}_${new Date().getTime()}.xlsx`)
+    },
+    // 文件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+      this.upload.isUploading = true
+    },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      this.upload.open = false
+      this.upload.isUploading = false
+      this.$refs.upload.clearFiles()
+      this.$alert(
+        "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
+          response.msg +
+          "</div>",
+        "导入结果",
+        { dangerouslyUseHTMLString: true }
+      )
+      // 触发父组件的成功回调
+      this.$emit("success")
+    },
+    // 提交上传文件
+    submitFileForm() {
+      const file = this.$refs.upload.uploadFiles
+      if (
+        !file ||
+        file.length === 0 ||
+        (!file[0].name.toLowerCase().endsWith(".xls") &&
+          !file[0].name.toLowerCase().endsWith(".xlsx"))
+      ) {
+        this.$modal.msgError("请选择后缀为 “xls”或“xlsx”的文件。")
+        return
+      }
+      this.$refs.upload.submit()
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file