2025-12-10

销售报价页面的“条目明细”页签里的编辑对话框，里面的“材料”和“工艺”页签增加一个【导出】功能

src/views/modules/quote/detail/primary/quoteDetailBom.vue

@@ -260,7 +260,9 @@ export default {
         engChgLevel: null,
       },
       recalculateCost: false, // 切换版本后是否重新计算成本
-      changeLoading:false
+      changeLoading:false,
+      // 导出相关
+      exportName: '报价材料信息' + this.dayjs().format('YYYYMMDDHHmmss'),
     }
   },
   methods: {
@@ -464,6 +466,22 @@ export default {
         }
         this.$router.push(params)
       }
+    },
+    // 导出相关方法
+    exportFields() {
+      let json = "{"
+      this.columns.forEach((item, index) => {
+        if (index === this.columns.length - 1) {
+          json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
+        } else {
+          json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
+        }
+      })
+      json += "}"
+      return eval("(" + json + ")")
+    },
+    createExportData() {
+      return this.dataList;
     }
   },
   created() {
@@ -484,11 +502,23 @@ export default {
 
 <template>
   <div>
-    <div style="margin-bottom: 10px">
-      <template v-if="isAuth('5011:detail:tab1:check')">
-        <el-link style="margin-right: 20px;cursor: pointer" @click="handleCheckedVersion()" v-if="quoteDetail.status === '草稿'">切换版本</el-link>
-      </template>
-      <el-checkbox v-model="isAllBom">全级BOM结构</el-checkbox>
+    <div style="margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;">
+      <div>
+        <template v-if="isAuth('5011:detail:tab1:check')">
+          <el-link style="margin-right: 20px;cursor: pointer" @click="handleCheckedVersion()" v-if="quoteDetail.status === '草稿'">切换版本</el-link>
+        </template>
+        <el-checkbox v-model="isAllBom">全级BOM结构</el-checkbox>
+      </div>
+      <download-excel
+        :fields="exportFields()"
+        :data="dataList"
+        type="xls"
+        :name="exportName"
+        :fetch="createExportData"
+        worksheet="材料信息"
+        class="el-button el-button--primary el-button--mini">
+        导出
+      </download-excel>
     </div>
     <el-container>
       <el-aside width="300px" style="max-height:420px" v-loading="queryTreeLoading">

src/views/modules/quote/detail/primary/quoteDetailRouting.vue

@@ -503,7 +503,8 @@ export default {
         ],
       },
       changeLoading:false,
-
+      // 导出相关
+      exportName: '报价工艺信息' + this.dayjs().format('YYYYMMDDHHmmss'),
     }
   },
   methods:{
@@ -713,6 +714,22 @@ export default {
           }
         }
       })
+    },
+    // 导出相关方法
+    exportFields() {
+      let json = "{"
+      this.columns.forEach((item, index) => {
+        if (index === this.columns.length - 1) {
+          json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
+        } else {
+          json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
+        }
+      })
+      json += "}"
+      return eval("(" + json + ")")
+    },
+    createExportData() {
+      return this.dataList;
     }
   },
   created() {
@@ -733,11 +750,23 @@ export default {
 
 <template>
   <div>
-    <div style="margin-bottom: 10px">
-      <template v-if="isAuth('5011:detail:tab2:check')">
-        <el-link style="margin-right: 20px;cursor:pointer;" @click="handleChangeVersion" v-if="quoteDetail.status === '草稿'">切换版本</el-link>
-      </template>
+    <div style="margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;">
+      <div>
+        <template v-if="isAuth('5011:detail:tab2:check')">
+          <el-link style="margin-right: 20px;cursor:pointer;" @click="handleChangeVersion" v-if="quoteDetail.status === '草稿'">切换版本</el-link>
+        </template>
 <!--      <el-checkbox v-model="isAllRouting">全级Routing结构</el-checkbox>-->
+      </div>
+      <download-excel
+        :fields="exportFields()"
+        :data="dataList"
+        type="xls"
+        :name="exportName"
+        :fetch="createExportData"
+        worksheet="工艺信息"
+        class="el-button el-button--primary el-button--mini">
+        导出
+      </download-excel>
     </div>
     <el-container>
       <el-aside width="300px" style="max-height:420px" v-loading="queryTreeLoading">