浏览代码

设备管理字段显示调整,文件下载通用方法封装

chenwen 1 年之前
父节点
当前提交
13b2e43199
共有 3 个文件被更改,包括 27 次插入11 次删除
  1. 5 5
      src/pages/base/DeviceMgr.vue
  2. 4 4
      src/pages/base/DeviceMgrEdit.vue
  3. 18 2
      src/utils/app.js

+ 5 - 5
src/pages/base/DeviceMgr.vue

@@ -23,19 +23,19 @@
 			  </template>
 			  <template #tabColumns={indexGenerate}>
 				  <el-table-column type="index" :index="indexGenerate" label="序号" width="60" align="center"/>
-				  <el-table-column prop="deviceCode" label="编" width="120" />
+				  <el-table-column prop="deviceCode" label="编" width="120" />
 				  <el-table-column prop="deviceName" label="设备名" width="160" />
 				  <el-table-column prop="deviceTypeName" label="设备类型" width="160" />
 				  <el-table-column prop="deviceModel" label="规格型号" width="160" />
-				  <el-table-column prop="factory" label="厂家" width="120" />
+				  <el-table-column prop="factory" label="生产厂家" width="120" />
 				  <el-table-column prop="serialNum" label="设备序号" width="120" />
-				  <el-table-column prop="onlineIf" label="是否在线" width="100" align="center">
+				 <!-- <el-table-column prop="onlineIf" label="是否在线" width="100" align="center">
 					  <template #default="scope">
 						  <el-icon v-if="scope.row.onlineIf" size="20" color="#00b600"><CircleCheckFilled /></el-icon>
 						  <div v-else>否</div>
 					  </template>
-				  </el-table-column>
-				  <el-table-column prop="heartbeatLast" label="最后心跳" width="160" />
+				  </el-table-column> -->
+				  <!-- <el-table-column prop="heartbeatLast" label="最后心跳" width="160" /> -->
 				  <el-table-column prop="oper" label="操作" width="160" fixed="right">
 				  					<template #default="scope">
 				  						<div class="tool-column">

+ 4 - 4
src/pages/base/DeviceMgrEdit.vue

@@ -21,8 +21,8 @@
 				</el-col>
 				
 				<el-col :sm="24" :md="12">
-					<el-form-item label="序号">
-					  <el-input v-model="formModel.serialNum" autocomplete="off" placeholder="请输入序号"  clearable/>
+					<el-form-item label="设备序号">
+					  <el-input v-model="formModel.serialNum" autocomplete="off" placeholder="请输入设备序号"  clearable/>
 					</el-form-item>
 				</el-col>
 				
@@ -42,12 +42,12 @@
 					</el-form-item>
 				</el-col>
 				
-				<el-col :sm="24" :md="12">
+				<!-- <el-col :sm="24" :md="12">
 					<el-form-item label="心跳周期(秒)">
 					   
 						<el-input-number v-model="formModel.heartbeatCycleSec" :min="5" :max="10000" :precision="0" style="width:100%" clearable/>
 					</el-form-item>
-				</el-col>
+				</el-col> -->
 				
 			</el-row>  
 			

+ 18 - 2
src/utils/app.js

@@ -38,10 +38,26 @@ export default {
 		for(let attr in refObj){
 			srcObj[attr]=refObj[attr];
 		}
-	}
-	
+	},
 	
 	
+	parseDownloadFile:function(res){
+		const fileName = decodeURI(res.headers['content-disposition']).replace(/\w+;filename=(.*)/, '$1')
+		//console.log(fileName)
+		const blob = new Blob([res.data], { type: "application/octet-stream"})
+		const fileUrl = window.URL.createObjectURL(blob)
+		
+		let link = document.createElement('a') 
+		link.href = fileUrl 
+		link.download = decodeURI(fileName) //设置下载的文件名
+		link.style.display = 'none'  
+		document.body.appendChild(link) 
+		link.click() 
+		 
+		document.body.removeChild(link)
+		window.URL.revokeObjectURL(fileUrl)
+		
+	}