1、完善客商模块

2、完善基础数据模块
3、完善规范

src/views/base/port-terminal.vue

@@ -116,7 +116,6 @@
         <el-button
           type="primary"
           text
-          icon="el-icon-edit"
           v-if="hasPermission('port_terminal_edit')"
           @click="$refs.crud.rowEdit(row, index)"
         >
@@ -125,7 +124,6 @@
         <el-button
           type="primary"
           text
-          :icon="row.status === 1 ? 'el-icon-close' : 'el-icon-check'"
           v-if="hasPermission('port_terminal_status')"
           @click="handleStatus(row)"
         >
@@ -172,6 +170,9 @@
           />
         </el-select>
       </template>
+      <template #detailAddress="{ row }">
+        <span class="port-terminal-page__detail-address">{{ row.detailAddress || '-' }}</span>
+      </template>
       <template #longitude-form>
         <el-input
           v-model="form.longitude"
@@ -229,6 +230,74 @@ import NProgress from 'nprogress';
 import 'nprogress/nprogress.css';
 
 const DEFAULT_COUNTRY_CODE = '+86';
+const EXCLUDED_EXCEL_HEADERS = ['数据来源', '启停状态'];
+const REQUIRED_EXPORT_HEADERS = ['港口码头名称', '港口/码头名称', '类型', '国家', '城市', '经度', '纬度'];
+
+const getExcelCellText = value => {
+  if (value === undefined || value === null) return '';
+  if (typeof value === 'object') {
+    if (Array.isArray(value.richText)) {
+      return value.richText.map(item => item.text || '').join('');
+    }
+    if (value.text) return value.text;
+    if (value.result) return value.result;
+  }
+  return String(value);
+};
+
+const removeWorkbookColumnsByHeaders = workbook => {
+  workbook.eachSheet(worksheet => {
+    const maxHeaderRow = Math.min(worksheet.rowCount || 0, 10);
+    for (let rowIndex = 1; rowIndex <= maxHeaderRow; rowIndex += 1) {
+      const row = worksheet.getRow(rowIndex);
+      const indexes = [];
+      row.eachCell((cell, colNumber) => {
+        const text = getExcelCellText(cell.value).trim();
+        if (EXCLUDED_EXCEL_HEADERS.includes(text)) {
+          indexes.push(colNumber);
+        }
+      });
+      if (indexes.length) {
+        indexes
+          .sort((a, b) => b - a)
+          .forEach(colNumber => worksheet.spliceColumns(colNumber, 1));
+        break;
+      }
+    }
+  });
+};
+
+const addWorkbookRequiredHeaderMarks = workbook => {
+  workbook.eachSheet(worksheet => {
+    const maxHeaderRow = Math.min(worksheet.rowCount || 0, 10);
+    for (let rowIndex = 1; rowIndex <= maxHeaderRow; rowIndex += 1) {
+      const row = worksheet.getRow(rowIndex);
+      let hasRequiredHeader = false;
+      row.eachCell(cell => {
+        const text = getExcelCellText(cell.value).trim();
+        const header = text.replace(/\*+$/g, '').trim();
+        if (REQUIRED_EXPORT_HEADERS.includes(header)) {
+          cell.value = `${header}*`;
+          hasRequiredHeader = true;
+        }
+      });
+      if (hasRequiredHeader) break;
+    }
+  });
+};
+
+const removeExcelColumnsByHeaders = async (blob, options = {}) => {
+  const { markRequiredHeaders = false } = options;
+  const ExcelJS = await import('exceljs');
+  const workbook = new ExcelJS.Workbook();
+  await workbook.xlsx.load(await blob.arrayBuffer());
+  removeWorkbookColumnsByHeaders(workbook);
+  if (markRequiredHeaders) {
+    addWorkbookRequiredHeaderMarks(workbook);
+  }
+  const buffer = await workbook.xlsx.writeBuffer();
+  return new Blob([buffer], { type: 'application/vnd.ms-excel' });
+};
 
 export default {
   data() {
@@ -466,6 +535,7 @@ export default {
             label: '详细地址',
             prop: 'detailAddress',
             type: 'textarea',
+            slot: true,
             minRows: 3,
             span: 24,
             minWidth: 220,
@@ -1184,9 +1254,16 @@ export default {
         });
     },
     handleImport() {
-      openImportDialog(this, '港口码头主数据', () => {
-        this.loadPortOptions();
-      });
+      openImportDialog(
+        this,
+        '港口码头主数据',
+        () => {
+          this.loadPortOptions();
+        },
+        {
+          failDetailDecorator: removeWorkbookColumnsByHeaders,
+        }
+      );
     },
     handleExport() {
       this.$confirm('是否导出港口码头主数据?', '提示', {
@@ -1195,10 +1272,17 @@ export default {
         type: 'warning',
       }).then(() => {
         NProgress.start();
-        exportBlob('/blade-system/port-terminal/export-port-terminal', this.buildExportParams())
-          .then(res => {
+        exportBlob(
+          '/blade-system/port-terminal/export-port-terminal',
+          this.buildExportParams(),
+          { feedback: true }
+        )
+          .then(async res => {
+            const blob = await removeExcelColumnsByHeaders(res.data, {
+              markRequiredHeaders: true,
+            });
             downloadXls(
-              res.data,
+              blob,
               `港口码头主数据${this.$dayjs().format('YYYY-MM-DD HH:mm:ss')}.xlsx`
             );
           })
@@ -1216,11 +1300,24 @@ export default {
     },
     handleTemplate() {
       exportBlob(
-        `/blade-system/port-terminal/export-template?${this.website.tokenHeader}=${getToken()}`
-      ).then(res => {
-        downloadXls(res.data, '港口码头主数据模板.xlsx');
+        `/blade-system/port-terminal/export-template?${this.website.tokenHeader}=${getToken()}`,
+        undefined,
+        { feedback: true }
+      ).then(async res => {
+        const blob = await removeExcelColumnsByHeaders(res.data);
+        downloadXls(blob, '港口码头主数据模板.xlsx');
       });
     },
   },
 };
 </script>
+
+<style lang="scss" scoped>
+.port-terminal-page__detail-address {
+  display: block;
+  white-space: normal;
+  word-break: break-all;
+  line-height: 20px;
+  padding: 4px 0;
+}
+</style>