feat(钢卷管理): 新增撤回发货功能并优化材质显示

在钢卷管理模块中新增撤回发货功能，允许用户撤回已发货的钢卷
同时优化外标签预览中材质的显示方式，增加厂家首字母信息

klp-ui/src/views/wms/coil/panels/base.vue

@@ -135,6 +135,10 @@
             @click="handleExportCoil(scope.row)">
             发货
           </el-button>
+          <el-button size="mini" v-if="showExportTime" type="text" icon="el-icon-close"
+            @click="handleCancelExport(scope.row)">
+            撤回发货
+          </el-button>
           <el-button size="mini" v-if="showAbnormal" type="text" icon="el-icon-upload"
             @click="handleAbnormal(scope.row)">查看异常</el-button>
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleCheck(scope.row)"
@@ -272,7 +276,15 @@
 </template>
 
 <script>
-import { listMaterialCoil, getMaterialCoil, delMaterialCoil, addMaterialCoil, updateMaterialCoilSimple, getMaterialCoilTrace, exportCoil } from "@/api/wms/coil";
+import { 
+  listMaterialCoil, 
+  getMaterialCoil, 
+  delMaterialCoil, 
+  addMaterialCoil, 
+  updateMaterialCoilSimple, 
+  getMaterialCoilTrace, 
+  exportCoil,
+  cancelExportCoil } from "@/api/wms/coil";
 import WarehouseSelect from "@/components/KLPService/WarehouseSelect";
 import QRCode from "../../print/components/QRCode.vue";
 import * as XLSX from 'xlsx'
@@ -768,6 +780,21 @@ export default {
         }
       });
     },
+    handleCancelExport(row) {
+      // 将相关的action改为已取消，然后将钢卷的已发货状态撤回
+      this.$modal.confirm('是否确认撤回钢卷编号为"' + row.currentCoilNo + '"的发货操作？').then(() => {
+        this.buttonLoading = true;
+        cancelExportCoil(row.coilId).then(response => {
+          this.$modal.msgSuccess("撤回发货成功");
+          this.getList();
+        }).catch(error => {
+          this.$modal.msgError("撤回发货失败");
+        }).finally(() => {
+          this.buttonLoading = false;
+        });
+      }).catch(() => {
+      });
+    },
     /** 删除按钮操作 */
     handleDelete(row) {
       const coilIds = row.coilId || this.ids;