refactor: 优化多个页面UI与交互细节

1. 修改钢卷追踪页面标题，调整crm钢卷表格列宽与按钮文本
2. 优化采购审核、到货、计划页面表格列配置，添加材质列
3. 为多个页面添加详情加载状态，统一按钮间距样式
4. 新增采购到货页面模板下载功能，修复产品内容组件单元格内边距

klp-ui/src/views/erp/purchaseDelivery/index.vue

@@ -53,7 +53,7 @@
           <p>从左侧选择一条采购合同</p>
         </div>
 
-        <div v-else>
+        <div v-else v-loading="detailLoading">
           <div class="pd-d-head">
             <div>
               <span class="pd-d-title">{{ current.planNo }}</span>
@@ -61,6 +61,7 @@
             </div>
             <div class="pd-head-act">
               <el-button size="small" icon="el-icon-refresh" :loading="refreshing" @click="doRefreshArrival">刷新到货</el-button>
+              <el-button size="small" icon="el-icon-download" @click="downloadTemplate">下载模板</el-button>
               <el-upload
                 :headers="upload.headers"
                 :action="uploadUrl"
@@ -94,9 +95,10 @@
               <div class="pd-sec-title">采购要求</div>
               <el-table :data="current.items" border size="mini" max-height="300">
                 <el-table-column label="#" type="index" width="44" align="center" />
-                <el-table-column label="规格" prop="spec" min-width="200" show-overflow-tooltip />
-                <el-table-column label="总重量(T)" prop="weight" min-width="110" align="right" />
-                <el-table-column label="厂商" prop="manufacturer" min-width="180" show-overflow-tooltip />
+                <el-table-column label="规格" prop="spec" min-width="160" show-overflow-tooltip />
+                <el-table-column label="材质" prop="material" min-width="100" show-overflow-tooltip />
+                <el-table-column label="总重量(T)" prop="weight" min-width="100" align="right" />
+                <el-table-column label="厂商" prop="manufacturer" min-width="150" show-overflow-tooltip />
                 <template slot="empty"><span>无采购要求</span></template>
               </el-table>
 
@@ -162,6 +164,7 @@ import {
   refreshArrival
 } from '@/api/erp/purchasePlan'
 import { getToken } from '@/utils/auth'
+import * as XLSX from 'xlsx'
 
 export default {
   name: 'ErpPurchaseDelivery',
@@ -176,6 +179,7 @@ export default {
       deliveryList: [],
       deliveryLoading: false,
       refreshing: false,
+      detailLoading: false,
       upload: { headers: { Authorization: 'Bearer ' + getToken() } },
       progressColor: '#5b8db8'
     }
@@ -220,7 +224,8 @@ export default {
     refreshDetail() {
       const planId = this.current.planId
       if (!planId) return
-      getPurchasePlan(planId).then(res => { this.current = { ...this.current, ...(res.data || {}) } })
+      this.detailLoading = true
+      getPurchasePlan(planId).then(res => { this.current = { ...this.current, ...(res.data || {}) } }).finally(() => { this.detailLoading = false })
       this.deliveryLoading = true
       listDelivery(planId).then(res => { this.deliveryList = res.data || [] }).finally(() => { this.deliveryLoading = false })
     },
@@ -269,6 +274,15 @@ export default {
     },
     contractStatusText(v) {
       return { 0: '草稿', 1: '生效', 2: '作废', 3: '已完成' }[v] || '—'
+    },
+    downloadTemplate() {
+      const headers = ['日期', '牌号', '规格', '卷号', '单卷重量', '车号', '数量', '件数', '销售', '钢厂到站']
+      const sampleRow = ['2026-01-01', 'Q235B', '1.0*1250*C', 'COIL0001', '20.50', '辽A12345', '60.8', '3', 'XS001', '沈阳站']
+      const wb = XLSX.utils.book_new()
+      const ws = XLSX.utils.aoa_to_sheet([headers, sampleRow])
+      ws['!cols'] = headers.map(h => ({ wch: h.length > 4 ? 14 : 10 }))
+      XLSX.utils.book_append_sheet(wb, ws, '到货模板')
+      XLSX.writeFile(wb, '到货导入模板.xlsx')
     }
   }
 }