导出

src/api/retrospect/product.js

@@ -1,4 +1,12 @@
 import request from '@/utils/request'
+// 导出产品追溯明细
+export function exportheadexcel (params) {
+	return request({
+		url: '/admin/om/serialorder/exporttrace',
+		method: 'get',
+		params
+	})
+}
 // 获取工单工序追溯数据
 export function getPotrace (params) {
 	return request({

src/views/retrospect/product/index.vue

@@ -39,7 +39,7 @@
         <el-date-picker
           v-model="formData.date"
           type="date"
-          style="width: 150px"
+          style="width: 140px"
           format="yyyy-MM-dd"
           value-format="yyyy-MM-dd"
           placeholder="选择日期">
@@ -74,7 +74,7 @@
         <el-select
           v-model="formData.repair"
           clearable
-          style="width: 150px"
+          style="width: 100px"
           filterable
           placeholder="请选择"
         >
@@ -90,6 +90,13 @@
           @click="handleQuery"
           >搜索</el-button
         >
+        <el-button
+          class="export-btn"
+					type="primary"
+          size="mini"
+					@click="exportExcel"
+					icon="el-icon-upload2"
+        >导出</el-button>
       </el-form-item>
     </el-form>
     <div class="table-wrap">
@@ -145,7 +152,7 @@
   </div>
 </template>
 <script>
-import {getPotrace, getDetailtrace, getWorkLineList } from '@/api/retrospect/product'
+import {getPotrace, getDetailtrace, getWorkLineList, exportheadexcel } from '@/api/retrospect/product'
 export default {
   props:{
     item:{
@@ -191,6 +198,12 @@ export default {
     this.getPotrace();
   },
   methods:{
+    // 导出文件
+    exportExcel() {
+      exportheadexcel(this.formData).then((res) => {
+        window.location.href = `${process.env.VUE_APP_BASE_API}/${res.data}`
+      })
+    },
     // 单击单元格回调
     cellClick(row, column, cell, event){
       this.getDetailtrace(row);
@@ -240,6 +253,13 @@ export default {
   width: 100%;
   height: calc(100vh - 50px);
   box-sizing: border-box;
+  .export-btn {
+      // width: 160px;
+      // height: 48px;
+      background: #0a708f;
+      box-shadow: 0px 6px 8px 0px rgba(24, 59, 70, 0.16);
+      border-radius: 2px;
+    }
   .table-wrap {
     width: 100%;
     height: calc(50% - 34px);