解决构建报错问题

src/views/stuwork/dormroomstudent/index.vue

@@ -61,11 +61,11 @@
               @change="handleDormDataTypeChange">
               <el-option label="所有" value="" />
               <el-option label="空宿舍" value="0" />
-              <el-option label="空1人宿舍" value="1" />
-              <el-option label="空2人宿舍" value="2" /> 
-              <el-option label="空3人宿舍" value="3" />
-              <el-option label="空4人宿舍" value="4" />
-              <el-option label="空5人宿舍" value="5" /> 
+              <el-option label="1人宿舍" value="1" />
+              <el-option label="2人宿舍" value="2" /> 
+              <el-option label="3人宿舍" value="3" />
+              <el-option label="4人宿舍" value="4" />
+              <el-option label="5人宿舍" value="5" /> 
             </el-select>
           </el-form-item>
           <el-form-item label="宿舍号" prop="roomNo">
@@ -145,7 +145,7 @@
                 type="info" 
                 class="ml10" 
                 @click="handleExport">
-                导 出
+                导出
               </el-button>
               <el-button 
                 icon="Document" 
@@ -208,7 +208,7 @@
               :min-width="col.minWidth"
               :width="col.width">
               <template #header>
-                <el-icon><component :is="columnConfigMap[col.prop]?.icon || OfficeBuilding" /></el-icon>
+                <el-icon><component :is="columnConfigMap[col.prop || '']?.icon || OfficeBuilding" /></el-icon>
                 <span style="margin-left: 4px">{{ col.label }}</span>
               </template>
             <!-- 床位号列特殊模板 -->
@@ -218,7 +218,7 @@
               </el-tag>
               <span v-else>-</span>
             </template>
-            <!-- 是否舍长列特殊模板 -->
+            <!-- 是否舍长列特殊模板-->
             <template v-else-if="col.prop === 'isLeader'" #default="scope">
               <StatusTag 
                 :value="scope.row.isLeader"
@@ -291,8 +291,8 @@ import FormDialog from './form.vue';
 import TransferDialog from './transfer.vue';
 import TreeSelect from '/@/components/TreeSelect/index.vue';
 import { List, OfficeBuilding, House, Grid, UserFilled, Phone, CreditCard, Avatar, User, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
-import { useTableColumnControl } from '/@/hooks/tableColumnControl'
-import '/@/styles/modern-page.scss'
+import { useTableColumnControl } from '/@/hooks/tableColumn'
+
 import { defineAsyncComponent } from 'vue'
 const StatusTag = defineAsyncComponent(() => import('/@/components/StatusTag/index.vue'))
 
@@ -344,7 +344,7 @@ const {
   checkColumnVisible,
   handleColumnChange,
   handleColumnOrderChange
-} = useTableColumnControl(tableColumns, route.path)
+} = useTableColumnControl(tableColumns)
 
 // 树形选择器配置
 const treeProps = {
@@ -517,10 +517,9 @@ onMounted(() => {
   getDeptListData()
   getBuildingListData()
   getDormRoomTreeListData()
-  nextTick(() => {
-    if (visibleColumns.value.length === 0) {
-    }
-  })
 })
 </script>
 
+<style scoped lang="scss">
+@import '/@/assets/styles/modern-page.scss';
+</style>