下载提交

src/main.js

@@ -12,25 +12,25 @@ import store from './store'
 import router from './router'
 import directive from './directive' // directive
 import plugins from './plugins' // plugins
-import { download } from '@/utils/request'
+import { download, downloadNew } from '@/utils/request'
 
 import './assets/icons' // icon
 import './permission' // permission control
-import { getDicts } from "@/api/system/dict/data";
+import { getDicts } from '@/api/system/dict/data'
-import { getConfigKey } from "@/api/system/config";
+import { getConfigKey } from '@/api/system/config'
-import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree } from "@/utils/ruoyi";
+import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree } from '@/utils/ruoyi'
 // 分页组件
-import Pagination from "@/components/Pagination";
+import Pagination from '@/components/Pagination'
 // 自定义表格工具组件
-import RightToolbar from "@/components/RightToolbar"
+import RightToolbar from '@/components/RightToolbar'
 // 富文本组件
-import Editor from "@/components/Editor"
+import Editor from '@/components/Editor'
 // 文件上传组件
-import FileUpload from "@/components/FileUpload"
+import FileUpload from '@/components/FileUpload'
 // 图片上传组件
-import ImageUpload from "@/components/ImageUpload"
+import ImageUpload from '@/components/ImageUpload'
 // 图片预览组件
-import ImagePreview from "@/components/ImagePreview"
+import ImagePreview from '@/components/ImagePreview'
 // 字典标签组件
 import DictTag from '@/components/DictTag'
 // 头部标签组件
@@ -47,6 +47,7 @@ Vue.prototype.addDateRange = addDateRange
 Vue.prototype.selectDictLabel = selectDictLabel
 Vue.prototype.selectDictLabels = selectDictLabels
 Vue.prototype.download = download
+Vue.prototype.downloadNew = downloadNew
 Vue.prototype.handleTree = handleTree
 
 // 全局组件挂载
@@ -73,7 +74,7 @@ DictData.install()
  */
 
 Vue.use(Element, {
-  size: Cookies.get('size') || 'medium' // set element-ui default size
+    size: Cookies.get('size') || 'medium', // set element-ui default size
 })
 
 Vue.config.productionTip = false
@@ -82,5 +83,5 @@ new Vue({
     el: '#app',
     router,
     store,
-  render: h => h(App)
+    render: (h) => h(App),
 })

src/utils/request.js

@@ -3,13 +3,13 @@ import { Notification, MessageBox, Message, Loading } from 'element-ui'
 import store from '@/store'
 import { getToken } from '@/utils/auth'
 import errorCode from '@/utils/errorCode'
-import { tansParams, blobValidate } from "@/utils/ruoyi";
+import { tansParams, blobValidate } from '@/utils/ruoyi'
 import cache from '@/plugins/cache'
 import { saveAs } from 'file-saver'
 
-let downloadLoadingInstance;
+let downloadLoadingInstance
 // 是否显示重新登录
-export let isRelogin = { show: false };
+export let isRelogin = { show: false }
 
 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 // 创建axios实例
@@ -17,11 +17,12 @@ const service = axios.create({
     // axios中请求配置有baseURL选项，表示请求URL公共部分
     baseURL: process.env.VUE_APP_BASE_API,
     // 超时
-  timeout: 10000
+    timeout: 10000,
 })
 
 // request拦截器
-service.interceptors.request.use(config => {
+service.interceptors.request.use(
+    (config) => {
         // 是否需要设置 token
         const isToken = (config.headers || {}).isToken === false
         // 是否需要防止数据重复提交
@@ -31,33 +32,33 @@ service.interceptors.request.use(config => {
         }
         // get请求映射params参数
         if (config.method === 'get' && config.params) {
-    let url = config.url + '?' + tansParams(config.params);
+            let url = config.url + '?' + tansParams(config.params)
-    url = url.slice(0, -1);
+            url = url.slice(0, -1)
-    config.params = {};
+            config.params = {}
-    config.url = url;
+            config.url = url
         }
         if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
             const requestObj = {
                 url: config.url,
                 data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
-      time: new Date().getTime()
+                time: new Date().getTime(),
             }
-    const requestSize = Object.keys(JSON.stringify(requestObj)).length; // 请求数据大小
+            const requestSize = Object.keys(JSON.stringify(requestObj)).length // 请求数据大小
-    const limitSize = 5 * 1024 * 1024; // 限制存放数据5M
+            const limitSize = 5 * 1024 * 1024 // 限制存放数据5M
             if (requestSize >= limitSize) {
                 console.warn(`[${config.url}]: ` + '请求数据大小超出允许的5M限制，无法进行防重复提交验证。')
-      return config;
+                return config
             }
             const sessionObj = cache.session.getJSON('sessionObj')
             if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
                 cache.session.setJSON('sessionObj', requestObj)
             } else {
-      const s_url = sessionObj.url;                  // 请求地址
+                const s_url = sessionObj.url // 请求地址
-      const s_data = sessionObj.data;                // 请求数据
+                const s_data = sessionObj.data // 请求数据
-      const s_time = sessionObj.time;                // 请求时间
+                const s_time = sessionObj.time // 请求时间
-      const interval = 1000;                         // 间隔时间(ms)，小于此时间视为重复提交
+                const interval = 1000 // 间隔时间(ms)，小于此时间视为重复提交
                 if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
-        const message = '数据正在处理，请勿重复提交';
+                    const message = '数据正在处理，请勿重复提交'
                     console.warn(`[${s_url}]: ` + message)
                     return Promise.reject(new Error(message))
                 } else {
@@ -66,15 +67,18 @@ service.interceptors.request.use(config => {
             }
         }
         return config
-}, error => {
+    },
+    (error) => {
         console.log(error)
         Promise.reject(error)
-})
+    },
+)
 
 // 响应拦截器
-service.interceptors.response.use(res => {
+service.interceptors.response.use(
+    (res) => {
         // 未设置状态码则默认成功状态
-    const code = res.data.code || 200;
+        const code = res.data.code || 200
         // 获取错误信息
         const msg = errorCode[code] || res.data.msg || errorCode['default']
         // 二进制数据则直接返回
@@ -83,15 +87,21 @@ service.interceptors.response.use(res => {
         }
         if (code === 401) {
             if (!isRelogin.show) {
-        isRelogin.show = true;
+                isRelogin.show = true
-        MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
+                MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
-          isRelogin.show = false;
+                    confirmButtonText: '重新登录',
-          store.dispatch('LogOut').then(() => {
+                    cancelButtonText: '取消',
-            location.href = '/index';
+                    type: 'warning',
+                })
+                    .then(() => {
+                        isRelogin.show = false
+                        store.dispatch('LogOut').then(() => {
+                            location.href = '/index'
+                        })
+                    })
+                    .catch(() => {
+                        isRelogin.show = false
                     })
-      }).catch(() => {
-        isRelogin.show = false;
-      });
             }
             return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
         } else if (code === 500) {
@@ -107,45 +117,88 @@ service.interceptors.response.use(res => {
             return res.data
         }
     },
-  error => {
+    (error) => {
         console.log('err' + error)
-    let { message } = error;
+        let { message } = error
-    if (message == "Network Error") {
+        if (message == 'Network Error') {
-      message = "后端接口连接异常";
+            message = '后端接口连接异常'
-    } else if (message.includes("timeout")) {
+        } else if (message.includes('timeout')) {
-      message = "系统接口请求超时";
+            message = '系统接口请求超时'
-    } else if (message.includes("Request failed with status code")) {
+        } else if (message.includes('Request failed with status code')) {
-      message = "系统接口" + message.substr(message.length - 3) + "异常";
+            message = '系统接口' + message.substr(message.length - 3) + '异常'
         }
         Message({ message: message, type: 'error', duration: 5 * 1000 })
         return Promise.reject(error)
-  }
+    },
 )
 
 // 通用下载方法
 export function download(url, params, filename, config) {
-  downloadLoadingInstance = Loading.service({ text: "正在下载数据，请稍候", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)", })
+    downloadLoadingInstance = Loading.service({
-  return service.post(url, params, {
+        text: '正在下载数据，请稍候',
-    transformRequest: [(params) => { return tansParams(params) }],
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)',
+    })
+    return service
+        .post(url, params, {
+            transformRequest: [
+                (params) => {
+                    return tansParams(params)
+                },
+            ],
             headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
             responseType: 'blob',
-    ...config
+            ...config,
-  }).then(async (data) => {
+        })
-    const isBlob = blobValidate(data);
+        .then(async (data) => {
+            const isBlob = blobValidate(data)
             if (isBlob) {
                 const blob = new Blob([data])
                 saveAs(blob, filename)
             } else {
-      const resText = await data.text();
+                const resText = await data.text()
-      const rspObj = JSON.parse(resText);
+                const rspObj = JSON.parse(resText)
                 const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
-      Message.error(errMsg);
+                Message.error(errMsg)
             }
-    downloadLoadingInstance.close();
+            downloadLoadingInstance.close()
-  }).catch((r) => {
+        })
+        .catch((r) => {
             console.error(r)
             Message.error('下载文件出现错误，请联系管理员！')
-    downloadLoadingInstance.close();
+            downloadLoadingInstance.close()
+        })
+}
+// 通用下载方法
+export function downloadNew(url, params, filename, config) {
+    downloadLoadingInstance = Loading.service({
+        text: '正在下载数据，请稍候',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)',
+    })
+    return service
+        .post(url, params, {
+            headers: { 'Content-Type': 'application/json;charset=utf-8' },
+            responseType: 'blob',
+            ...config,
+        })
+        .then(async (data) => {
+            const isBlob = blobValidate(data)
+            if (isBlob) {
+                const blob = new Blob([data])
+                saveAs(blob, filename)
+            } else {
+                const resText = await data.text()
+                const rspObj = JSON.parse(resText)
+                const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
+                Message.error(errMsg)
+            }
+            downloadLoadingInstance.close()
+        })
+        .catch((r) => {
+            console.error(r)
+            Message.error('下载文件出现错误，请联系管理员！')
+            downloadLoadingInstance.close()
         })
 }
 

src/views/data-create/gw-template/index.vue

@@ -177,8 +177,16 @@ export default {
         // 下载
         async onHandleDownload(row) {
             // downloadStateGridTemp
-            const res = await downloadGwTemplateByIdAPI({ id: row.id })
+            // const res = await downloadGwTemplateByIdAPI({ id: row.id })
-            console.log(res, '下载结果')
+            // console.log(res, '下载结果')
+
+            this.downloadNew(
+                '/stateGrid/downloadStateGridTemp',
+                {
+                    id: row.id,
+                },
+                `国网模板_${row.name}.docx`,
+            )
         },
 
         // 获取国网模板列表列表