设备管理/工序库导出

src/api/magnagement.js

@@ -41,4 +41,11 @@ export function deletedevice(id) {
     method: 'delete'
   })
 }
-
+// 导出
+export function exportdevice() {
+  return request({
+    url: '/wbwarehouse/export',
+    method: 'get',
+    responseType: 'blob'
+  })
+}

src/views/equipment/boundManagement.vue

@@ -99,27 +99,27 @@
 
     <!-- 添加或修改设备配置对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" size="small" label-width="100px">
+      <el-form ref="form" :model="form" :rules="rules" size="small" label-width="100px" >
         <el-form-item label="pn" prop="pn">
-          <el-input v-model.trim="form.pn" :maxlength="30" placeholder="请输入pn" />
+          <el-input ref="input1" v-model.trim="form.pn" :maxlength="30" placeholder="请输入pn" @keyup.enter.native="handelTab(1,$event)" />
         </el-form-item>
         <el-form-item label="lot" prop="lot">
-          <el-input v-model.trim="form.lot" :maxlength="30" placeholder="请输入lot" />
+          <el-input ref="input2" v-model.trim="form.lot" :maxlength="30" placeholder="请输入lot" @keyup.enter.native="handelTab(2,$event)" />
         </el-form-item>
         <el-form-item label="plocation" prop="plocation">
-          <el-input v-model.trim="form.plocation" :maxlength="30" placeholder="请输入plocation" />
+          <el-input ref="input3" v-model.trim="form.plocation" :maxlength="30" placeholder="请输入plocation" @keyup.enter.native="handelTab(3,$event)" />
         </el-form-item>
         <el-form-item label="厚度" prop="phd">
-          <el-input v-model.trim="form.phd" :maxlength="30" placeholder="请输入厚度" />
+          <el-input ref="input4" v-model.trim="form.phd" :maxlength="30" placeholder="请输入厚度" @keyup.enter.native="handelTab(4,$event)" />
         </el-form-item>
         <el-form-item label="psm" prop="psm">
-          <el-input v-model.trim="form.psm" :maxlength="30" placeholder="请输入psm" />
+          <el-input ref="input5" v-model.trim="form.psm" :maxlength="30" placeholder="请输入psm" @keyup.enter.native="handelTab(5,$event)" />
         </el-form-item>
         <el-form-item label="pzl" prop="pzl">
-          <el-input v-model.trim="form.pzl" :maxlength="30" placeholder="请输入pzl" />
+          <el-input ref="input6" v-model.trim="form.pzl" :maxlength="30" placeholder="请输入pzl" @keyup.enter.native="handelTab(6,$event)" />
         </el-form-item>
         <el-form-item label="parnk" prop="prank">
-          <el-input v-model.trim="form.prank" :maxlength="30" placeholder="请输入prank" />
+          <el-input ref="input7" v-model.trim="form.prank" :maxlength="30" placeholder="请输入prank" @keyup.enter.native="handelTab(7,$event)" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -327,6 +327,11 @@ export default {
       formData: {}
     }
   },
+  mounted() {
+    this.$nextTick(() => {
+      this.$refs.input1.$refs.input.focus()
+    })
+  },
   /** 路由离开前存储筛选条件*/
   beforeRouteLeave(to, from, next) {
     this.$store.dispatch('searchSave/searchParamsSet', {
@@ -346,6 +351,17 @@ export default {
     this.getList()
   },
   methods: {
+    handelTab(i, e) {
+      const that = this
+      if (!that.$refs['input' + i]) {
+        return
+      }
+      that.$nextTick(() => {
+        e.target.blur()
+        const index = i + 1
+        that.$refs['input' + index].focus()
+      })
+    },
     // TODO: 获取所选行详情信息操作
     handleDetail(row) {
       this.singleDetails = this.formReset

src/views/equipment/management.vue

@@ -38,6 +38,17 @@
         <el-button type="primary" style="padding: 8px 7px;" icon="el-icon-search" size="small" @click="handleQuery">查询</el-button>
         <el-button style="padding: 8px 7px;" icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
       </el-form-item>
+
+      <el-form-item style="float: right">
+        <el-button
+          style="padding: 8px 7px;"
+          type="success"
+          size="small"
+          icon="el-icon-download"
+          @click="handleExport"
+        >导出</el-button>
+      </el-form-item>
+
     </el-form>
     <div class="placeholder" />
     <div style="padding:5px 10px">
@@ -180,8 +191,8 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label=" 操作时间：" prop="updateDate">
-              <el-input v-model.trim="singleDetails.updateDate" :readonly="true" />
+            <el-form-item label=" 入库日期：" prop="createDate">
+              <el-input v-model.trim="singleDetails.createDate" :readonly="true" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -195,14 +206,12 @@ import {
   addRole,
   changeRoleStatus,
   dataScope,
-  exportRole,
   getRole,
   updateRole
 } from '@/api/system/role'
-import { listdevice, deletedevice } from '@/api/magnagement'
+import { listdevice, deletedevice, exportdevice } from '@/api/magnagement'
 import { roleMenuTreeselect, roleMenuTreeselectMC, treeselect as menuTreeselect } from '@/api/system/menu'
 import { roleDeptTreeselect, treeselect as deptTreeselect } from '@/api/system/dept'
-// import { getRolesByInsId } from '../../../api/businessManage/template'
 export default {
   name: 'Role',
   data() {
@@ -669,23 +678,26 @@ export default {
     },
     /** 导出按钮操作 */
     handleExport() {
-      const queryParams = this.queryParams
-      this.$confirm('是否确认操作?', '警告', {
+      this.$confirm('是否确认导出设备管理信息?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
       }).then(function() {
-        return exportRole(queryParams).then(response => {
+        return exportdevice().then(response => {
           const blob = new Blob([response])
           const downloadElement = document.createElement('a')
-          const href = window.URL.createObjectURL(blob)// 创建下载的链接
+          // TODO: 创建下载的链接
+          const href = window.URL.createObjectURL(blob)
           downloadElement.href = href
-          downloadElement.download = '角色信息' + '.xls' // 下载后文件名
+          // TODO: 下载后文件名
+          downloadElement.download = '设备管理信息' + '.xls'
           document.body.appendChild(downloadElement)
-          downloadElement.click()// 点击下载
-          document.body.removeChild(downloadElement)// 下载完成移除元素
-          window.URL.revokeObjectURL(href)// 释放掉blob对象
-          // this.download(response.msg);
+          // TODO: 点击下载
+          downloadElement.click()
+          // TODO: 下载完成移除元素
+          document.body.removeChild(downloadElement)
+          // TODO: 释放掉blob对象
+          window.URL.revokeObjectURL(href)
         })
       })
     }

src/views/processManagement/basicProcessManagement/index.vue

@@ -38,6 +38,15 @@
         <el-button type="primary" style="padding: 8px 7px;" icon="el-icon-search" size="small" @click="handleQuery">查询</el-button>
         <el-button style="padding: 8px 7px;" icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
       </el-form-item>
+      <el-form-item style="float: right">
+        <el-button
+          style="padding: 8px 7px;"
+          type="success"
+          size="small"
+          icon="el-icon-download"
+          @click="handleExport"
+        >导出</el-button>
+      </el-form-item>
     </el-form>
     <div class="placeholder" />
     <div style="padding:5px 10px">
@@ -190,11 +199,10 @@ import {
   changeRoleStatus,
   dataScope,
   delRole,
-  exportRole,
   getRole,
   updateRole
 } from '@/api/system/role'
-import { listdevice } from '@/api/magnagement'
+import { listdevice, exportdevice } from '@/api/magnagement'
 import { roleMenuTreeselect, roleMenuTreeselectMC, treeselect as menuTreeselect } from '@/api/system/menu'
 import { roleDeptTreeselect, treeselect as deptTreeselect } from '@/api/system/dept'
 // import { getRolesByInsId } from '../../../api/businessManage/template'
@@ -666,22 +674,26 @@ export default {
     },
     /** 导出按钮操作 */
     handleExport() {
-      const queryParams = this.queryParams
-      this.$confirm('是否确认操作?', '警告', {
+      this.$confirm('是否确认导出工序库信息?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
       }).then(function() {
-        return exportRole(queryParams).then(response => {
+        return exportdevice().then(response => {
           const blob = new Blob([response])
           const downloadElement = document.createElement('a')
-          const href = window.URL.createObjectURL(blob)// 创建下载的链接
+          // TODO: 创建下载的链接
+          const href = window.URL.createObjectURL(blob)
           downloadElement.href = href
-          downloadElement.download = '角色信息' + '.xls' // 下载后文件名
+          // TODO: 下载后文件名
+          downloadElement.download = '设备工序库信息' + '.xls'
           document.body.appendChild(downloadElement)
-          downloadElement.click()// 点击下载
-          document.body.removeChild(downloadElement)// 下载完成移除元素
-          window.URL.revokeObjectURL(href)// 释放掉blob对象
+          // TODO: 点击下载
+          downloadElement.click()
+          // TODO: 下载完成移除元素
+          document.body.removeChild(downloadElement)
+          // TODO: 释放掉blob对象
+          window.URL.revokeObjectURL(href)
           // this.download(response.msg);
         })
       })