refactor(crm/contract): 抽取合同导出预览组件到独立文件

klp-ui/src/views/crm/contract/index.vue

@@ -5,6 +5,8 @@
       <ContractList ref="orderList" @add="handleAdd" @update="handleUpdate" @delete="handleDelete"
         @export="handleExport" @exportContract="handleExportContract" @rowClick="handleRowClick"
         @detailEdit="handleDetailEdit" />
+
+      <ContractExportDialog :visible.sync="exportDialogVisible" :row="exportRow" />
     </div>
 
     <!-- 右侧内容区域 -->
@@ -184,6 +186,7 @@ import { listDeliveryWaybill } from "@/api/wms/deliveryWaybill";
 import ContractList from "./components/ContractList.vue";
 import ContractPreview from "./components/ContractPreview.vue";
 import ContractTabs from "./components/ContractTabs.vue";
+import ContractExportDialog from "./components/ContractExportDialog.vue";
 import ProductContent from "./components/ProductContent.vue";
 import ContractTemplateManager from "./components/ContractTemplateManager.vue";
 import CustomerSelect from "@/components/KLPService/CustomerSelect/index.vue";
@@ -194,6 +197,7 @@ export default {
     ContractList,
     ContractPreview,
     ContractTabs,
+    ContractExportDialog,
     ProductContent,
     ContractTemplateManager,
     CustomerSelect,
@@ -229,6 +233,9 @@ export default {
       },
       // 表单参数
       form: {},
+      // 导出预览
+      exportDialogVisible: false,
+      exportRow: null,
       // 表单校验
       rules: {
         contractId: [
@@ -558,10 +565,9 @@ export default {
       })
     },
     /** 导出按钮操作 */
-    handleExport() {
-      this.download('crm/order/export', {
-        ...this.queryParams
-      }, `order_${new Date().getTime()}.xlsx`)
+    handleExport(row) {
+      this.exportRow = row;
+      this.exportDialogVisible = true;
     },
     /** 导出合同操作 */
     handleExportContract(row) {