修复已知bug

src/components/Tableexportcomponent/Tableexportcomponent.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="el_TablePage">
-    <span> 表格导出名称 </span>
+    <span>表格导出名称</span>
     <el-input
       v-model="exportFileName"
       placeholder="请输入导出的表格名称"
@@ -11,17 +11,12 @@
       :data="transferData"
       :titles="['可选字段', '已选字段']"
       :filterable="true"
-      value-key="prop"
-      :props="{
-        key: 'prop',
-        label: 'label',
-      }"
-    >
-    </el-transfer>
+      :props="transferProps"
+    />
     <div class="el_TablePage_btn">
       <el-button type="primary" @click="exportToExcel">
-        <el-icon><Download /></el-icon>导出表格</el-button
-      >
+        <el-icon><Download /></el-icon>导出表格
+      </el-button>
     </div>
   </div>
 </template>
@@ -30,6 +25,8 @@
 import { ref, computed } from 'vue';
 import { ElMessage } from 'element-plus';
 import * as XLSX from 'xlsx';
+import { Download } from '@element-plus/icons-vue';
+
 // 传入的参数
 const props = defineProps({
   data: {
@@ -42,26 +39,44 @@ const props = defineProps({
   },
 });
 
-const index = props.menuData.findIndex(item => item.label === '序号');
-if (index !== -1) {
-  props.menuData.splice(index, 1);
-}
+// 将 menuData 复制到一个局部变量中，以便在 setup 中操作
+const menuData = ref([...props.menuData]);
+// 移除指定列的函数
+const removeColumn = (columnLabel) => {
+  const index = menuData.value.findIndex(item => item.label === columnLabel);
+  if (index !== -1) {
+    menuData.value.splice(index, 1);
+  }
+};
+// 移除 '序号' 列
+removeColumn('序号');
+removeColumn('操作');
+removeColumn('复选框');
+
 const exportFileName = ref('');
 // 已选择的列
 const checkedColumns = ref([]);
 
 // 构建 el-transfer 所需的数据格式，并添加类型检查
 const transferData = computed(() => {
-  if (Array.isArray(props.menuData)) {
-    return props.menuData.map(item => ({
+  if (Array.isArray(menuData.value)) {
+    return menuData.value.map(item => ({
       ...item,
       key: item.prop,
     }));
   } else {
-    console.error('menuData 不是一个数组:', props.menuData);
+    console.error('menuData 不是一个数组:', menuData.value);
     return [];
   }
 });
+
+// 设置 el-transfer 的 props
+const transferProps = {
+  key: 'key',
+  label: 'label',
+};
+
+// 导出到 Excel 的函数
 const exportToExcel = () => {
   if (checkedColumns.value.length === 0) {
     ElMessage.warning('请选择要导出的字段');
@@ -74,8 +89,9 @@ const exportToExcel = () => {
     });
     return;
   }
+
   const selectedColumns = transferData.value.filter(item =>
-    checkedColumns.value.includes(item.prop)
+    checkedColumns.value.includes(item.key)
   );
   const headers = selectedColumns.map(col => col.label);
   const fields = selectedColumns.map(col => col.prop);
@@ -114,32 +130,20 @@ const fillEmptyCells = (data) => {
   const rowCount = data.length;
   const colCount = data[0].length;
 
-  // 处理每一列
   for (let col = 0; col < colCount; col++) {
     let lastNonEmptyValue = '';
-    let inFillSection = false;
-
     for (let row = 0; row < rowCount; row++) {
-      if (data[row][0] !== '') {  // A列有值
-        inFillSection = true;
-        if (data[row][col] !== '') {  // 当前单元格非空
-          lastNonEmptyValue = data[row][col];
-        } else if (lastNonEmptyValue !== '') {  // 当前单元格为空，但有上一个非空值
-          data[row][col] = lastNonEmptyValue;  // 填充
-        }
-      } else if (inFillSection) {  // A列没有值，但在填充区域内
-        if (lastNonEmptyValue !== '') {
-          data[row][col] = lastNonEmptyValue;  // 继续填充
-        }
-      } else {  // A列没有值，且不在填充区域内
-        lastNonEmptyValue = '';
-        inFillSection = false;
+      if (data[row][col] !== '') {
+        lastNonEmptyValue = data[row][col];
+      } else {
+        data[row][col] = lastNonEmptyValue;
       }
     }
   }
 
   return data;
 };
+
 // 设置样式的函数
 const applyStyles = (worksheet, data) => {
   const rowCount = data.length;
@@ -195,4 +199,4 @@ const applyStyles = (worksheet, data) => {
   text-align: right;
   margin-top: 10px;
 }
-</style>
+</style>

src/views/financialsector/CustomerBaseprice.vue

@@ -23,6 +23,9 @@
             <el-button type="primary" @click="Deletetemplate">
               <el-icon><Delete /></el-icon>删 除</el-button
             >
+            <el-button type="primary" @click="Tableexport">
+              <el-icon><Delete /></el-icon>导 出</el-button
+            >
           </div>
           <!-- 头部右侧按钮模块 -->
           <div class="avue-crud__right">
@@ -79,6 +82,9 @@
       </el-row>
     </div>
   </basic-container>
+  <el-dialog v-model="tcTableexport" title="导出" width="40%">
+    <Tableexportcomponent :menuData="details.columnList" :data="data"></Tableexportcomponent>
+  </el-dialog>
   <!-- 列表配置显示 -->
   <edittablehead
     @closce="showdrawer"
@@ -89,20 +95,35 @@
 </template>
 
 <script setup>
-import { ref, reactive, toRefs, computed, onMounted, nextTick, watch, onActivated } from 'vue';
+import {
+  ref,
+  reactive,
+  toRefs,
+  computed,
+  onMounted,
+  nextTick,
+  watch,
+  onActivated,
+  defineAsyncComponent,
+} from 'vue';
 import { columnList } from '@/option/financialsector/index.js';
 import { $_getpriceTemplate, $_deletelpriceTemplate } from '@/api/financialsector/index'; //价格模板
+// import Tableexportcomponent  from '@/components/Tableexportcomponent/Tableexportcomponent.vue';
 import { getDictionaryBiz } from '@/api/system/dict'; //字典
 import { processRowProperty, setNodeHeight, deepClone, downloadXls } from '@/utils/util';
 import { getToken } from 'utils/auth'; // 用于获取存储的Token
 import functions from '@/utils/functions.js';
 import { ElMessageBox, ElMessage } from 'element-plus';
+const Tableexportcomponent = defineAsyncComponent(() =>
+  import('@/components/Tableexportcomponent/Tableexportcomponent.vue')
+);
 import { useStore } from 'vuex';
 import dayjs from 'dayjs';
 const $router = useRouter(); //跳转
 const $useStore = useStore(); //权限
 const $route = useRoute(); //获取地址栏参数
 const dialogTemp = ref(false); //导入模板弹窗
+const tcTableexport=ref(false);//表格导出
 const details = reactive({
   /** 是否开启搜索 */
   search: false,
@@ -269,6 +290,9 @@ function updateDictionary(targetArray, dictionaryType) {
     });
   });
 }
+const Tableexport=()=>[
+tcTableexport.value=true
+]
 // 页面初始化方法
 const priceTemplate = () => {
   let data = {
@@ -356,8 +380,7 @@ const Modifytemplate = row => {
   });
 };
 
-// 导出确定
-const dialogVisible = () => {};
+
 
 onActivated(() => {
   console.log('进入缓存');