Merge pull request '修改所有列表,添加保存列宽度功能' (#200) from xuxiaoming into develop

Reviewed-on: http://101.201.121.115:3000/leo/LAPP_AdvancedPlanner_Front/pulls/200

src/utils/tableHeight.js

@@ -3,9 +3,9 @@ export function calculationTableHeight(ref, plusHeight) {
   return ref.offsetHeight - plusHeight || 0;
 };
 // 保存列宽
-export function saveRowWidth({property}, width) {
+export function saveRowWidth({ rawColumnKey }, width) {
   let allRowWidth = localStorage.allRowWidth ? JSON.parse(localStorage.allRowWidth) : {};
-  allRowWidth[property] = width;
+  allRowWidth[rawColumnKey] = width;
   localStorage.allRowWidth = JSON.stringify(allRowWidth);
 }
 // 获取列表

src/views/factoryModel/basicUnit/index.vue

@@ -45,12 +45,15 @@
         border
         v-if="tableHeight"
         :height="tableHeight"
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
       >
         <el-table-column
-          v-for="(item, index) in headers"
-          :key="index"
+          v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
           :show-overflow-tooltip="true"
+          
         >
           <template #default="scope">
             <span v-if="item === 'Uom-PlantNr'">{{

src/views/factoryModel/customer/index.vue

@@ -20,13 +20,15 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
+			<el-table v-if="tableHeight" 
+      @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+      :height="tableHeight" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
 				<el-table-column 
-					v-for="(item, index) in headers" 
-					:key="index" 
+					v-for="item in headers" 
+					:key="item" 
 					:label="getColumnName(item)" 
 					:show-overflow-tooltip="true" 
-					width="120px">
+					:width="getRowWidth(item)">
 					<template #default="scope">
 						<span v-if="item === 'Customer-PlantNr'">{{ getWorkshopName(scope.row['Customer-PlantNr']) }}</span>
 						 <el-switch v-else-if="item === 'Customer-EnableDemandLockToggle'" 

src/views/factoryModel/factoryDefine/index.vue

@@ -15,8 +15,15 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" border>
-        <el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" width="150px" :show-overflow-tooltip="true">
+			<el-table v-if="tableHeight" 
+       @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+       :height="tableHeight" :data="tableData" v-loading="loading" size="mini" border>
+        <el-table-column
+          v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
+          :label="getColumnName(item)"
+          :show-overflow-tooltip="true">
           <template #default="scope">
             <span v-if="item === 'Plant-PlantNr'">{{ getWorkshopName(scope.row["Plant-PlantNr"]) }}</span>
             <span v-else>{{ scope.row[item] }}</span>

src/views/factoryModel/materialResourceMaintenance/artStockResource/index.vue

@@ -67,10 +67,12 @@
         size="mini"
         v-if="tableHeight"
         :height="tableHeight"
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
       >
         <el-table-column
           v-for="item in headers"
           :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
           :prop="item"
           :show-overflow-tooltip="true"

src/views/factoryModel/part/material/index.vue

@@ -83,13 +83,14 @@
 				@current-change="handleCurrentChange"
 				size="mini"
 				style="width: 100%"
+        @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
 				border>
 				<el-table-column
-          v-for="(item, index) in headers"
-          :key="index"
+          v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
           :show-overflow-tooltip="true"
-          width="180px"
         >
           <template #default="scope">
 						<span v-if="item === 'Article-PlantNr'">{{ getWorkshopName(scope.row["Article-PlantNr"]) }}</span>

src/views/factoryModel/project/index.vue

@@ -15,8 +15,15 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" border>
-        <el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true">
+			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData"
+       @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+       v-loading="loading" size="mini" border>
+        <el-table-column 
+        v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)" 
+          :label="getColumnName(item)" 
+          :show-overflow-tooltip="true">
           <template #default="scope">
             <span v-if="item === 'ME_Project-PlantNr'">{{ getWorkshopName(scope.row["ME_Project-PlantNr"]) }}</span>
             <span v-else>{{ scope.row[item] }}</span>

src/views/factoryModel/resource/mainResources/index.vue

@@ -70,11 +70,13 @@
         :data="tableData"
         border
         size="mini"
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
          v-if="tableHeight" :height="tableHeight"
       >
         <el-table-column
-          v-for="item in headers"
+         v-for="item in headers"
           :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
           :prop="item"
           :show-overflow-tooltip="true"

src/views/factoryModel/resource/secondaryResources/index.vue

@@ -70,10 +70,12 @@
         border
         size="mini"
          v-if="tableHeight" :height="tableHeight"
+          @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
       >
         <el-table-column
           v-for="item in headers"
           :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
           :prop="item"
           :show-overflow-tooltip="true"

src/views/factoryModel/staff/team/index.vue

@@ -15,8 +15,13 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" border>
-        <el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" width="156px" :show-overflow-tooltip="true">
+			<el-table 
+       @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+      v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" border>
+        <el-table-column v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)" :label="getColumnName(item)" 
+           :show-overflow-tooltip="true">
           <template #default="scope">
             <span v-if="item === 'WorkShift-PlantNr'">{{ getWorkshopName(scope.row["WorkShift-PlantNr"]) }}</span>
             <span v-else>{{ scope.row[item] }}</span>

src/views/factoryModel/standardProperties/index.vue

@@ -44,10 +44,12 @@
         style="width: 100%"
         border
          v-if="tableHeight" :height="tableHeight"
+           @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
       >
         <el-table-column
-          v-for="(item, index) in headers"
-          :key="index"
+         v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
           :show-overflow-tooltip="true"
         >

src/views/factoryModel/statecolor/index.vue

@@ -15,8 +15,14 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" border>
-        <el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true">
+			<el-table v-if="tableHeight" 
+        @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+      :height="tableHeight" :data="tableData" v-loading="loading" size="mini" border>
+        <el-table-column v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
+           :label="getColumnName(item)"
+            :show-overflow-tooltip="true">
           <template #default="scope">
             <span v-if="item === 'StatusColor-PlantNr'">{{ getWorkshopName(scope.row["StatusColor-PlantNr"]) }}</span>
             <span v-else>{{ scope.row[item] }}</span>

src/views/factoryModel/timeModel/dayModel/index.vue

@@ -44,11 +44,12 @@
         v-loading="loading"
         size="mini"
         border
+          @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
       >
         <el-table-column
-          v-for="(item, index) in headers"
-          :key="index"
-          width="156px"
+         v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
           :show-overflow-tooltip="true"
         >

src/views/factoryModel/timeModel/specialdayModel/index.vue

@@ -44,10 +44,12 @@
         style="width: 100%"
         border
         v-if="tableHeight" :height="tableHeight"
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
       >
         <el-table-column
-          v-for="(item, index) in headers"
-          :key="index"
+          v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
           :show-overflow-tooltip="true"
         >

src/views/factoryModel/timeModel/weekModel/index.vue

@@ -15,8 +15,13 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" border>
-        <el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true">
+			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" 
+       @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+      v-loading="loading" size="mini" border>
+        <el-table-column  v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
+           :label="getColumnName(item)" :show-overflow-tooltip="true">
           <template #default="scope">
             <span v-if="item === 'WeekModel-PlantNr'">{{ getWorkshopName(scope.row["WeekModel-PlantNr"]) }}</span>
 						<span v-else-if="item === 'WeekModel-CtrlToggle'"> {{ scope.row[item] === true ? '是' : '否' }} </span>

src/views/factoryModel/timeModel/workCalendar/index.vue

@@ -15,8 +15,13 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" border>
-        <el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true">
+			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData"
+       @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+       v-loading="loading" size="mini" border>
+        <el-table-column v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)" :label="getColumnName(item)" 
+          :show-overflow-tooltip="true">
           <template #default="scope">
             <span v-if="item === 'WorkCalendar-PlantNr'">{{ getWorkshopName(scope.row["WorkCalendar-PlantNr"]) }}</span>
             <span v-else>{{ scope.row[item] }}</span>

src/views/plan/basic/customerModel/index.vue

@@ -20,8 +20,13 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
-				<el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true">
+			<el-table v-if="tableHeight" 
+       @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+      :height="tableHeight" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
+				<el-table-column v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)" 
+          :label="getColumnName(item)" :show-overflow-tooltip="true">
 					<template #default="scope">
 						<span v-if="item === 'AP_CustDemandModel-PlantNr'">{{ getWorkshopName(scope.row['AP_CustDemandModel-PlantNr']) }}</span>
 						<span v-else-if="item === 'AP_CustDemandModel-DemandStartDateMode'">{{ standardListText(scope.row["AP_CustDemandModel-DemandStartDateMode"]) }}</span>

src/views/plan/basic/demandDeviation/index.vue

@@ -20,8 +20,14 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
-				<el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true" width="180px">
+			<el-table v-if="tableHeight" 
+       @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+      :height="tableHeight" :data="tableData" v-loading="loading" size="mini" 
+      style="width: 100%" border>
+				<el-table-column  v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)" 
+          :label="getColumnName(item)" :show-overflow-tooltip="true"  >
 					<template #default="scope">
 						<span v-if="item === 'AP_DemandToleranceModel-PlantNr'">{{ getWorkshopName(scope.row['AP_DemandToleranceModel-PlantNr']) }}</span>
 						<span v-else>{{ scope.row[item] }}</span>

src/views/plan/basic/upgradeModel/index.vue

@@ -20,8 +20,14 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
-				<el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true" width="180px">
+			<el-table v-if="tableHeight" 
+       @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+      :height="tableHeight" :data="tableData" v-loading="loading" 
+      size="mini" style="width: 100%" border>
+				<el-table-column  v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)" :label="getColumnName(item)" 
+          :show-overflow-tooltip="true"  >
 					<template #default="scope">
 						<span v-if="item === 'EscalateModelHead-PlantNr'">{{ getWorkshopName(scope.row['EscalateModelHead-PlantNr']) }}</span>
 						<span v-else>{{ scope.row[item] }}</span>

src/views/plan/workbench/homePage/beta/predict/index.vue

@@ -19,15 +19,17 @@
         :data="tableData"
         v-loading="loading"
         size="mini"
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
         @selection-change="handleSelectionChange"
         border
       >
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column
-          v-for="(item, index) in headers"
-          :key="index"
+        v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
-          width="170"
+     
           :show-overflow-tooltip="true"
         >
           <template #default="scope">

src/views/plan/workbench/homePage/formal/parts/index.vue

@@ -14,8 +14,12 @@
 				:data="tableData" 
 				v-loading="loading" 
 				size="mini" 
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
 				border>
-				<el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true">
+				<el-table-column  v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
+          :label="getColumnName(item)" :show-overflow-tooltip="true">
 					<template #default="scope">
 						<span v-if="item === 'AP_CustArtlst-PlantNr'">{{ getWorkshopName(scope.row['AP_CustArtlst-PlantNr']) }}</span>
 						<span v-else>{{ scope.row[item] }}</span>

src/views/plan/workbench/homePage/formal/versions/index.vue

@@ -17,18 +17,21 @@
 				:data="tableData" 
 				v-loading="loading" 
 				size="mini"
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
 				border>
-				<el-table-column label="客户" min-width="150">
+				<el-table-column label="客户" min-width="150" key="CustomerId" :width="getRowWidth('CustomerId')">
 					<template #default="scope">
 						{{scope.row['CustomerId']}}
 					</template>
 				</el-table-column>
-				<el-table-column label="版本" min-width="150">
+				<el-table-column label="版本" min-width="150"  key="VersionId" :width="getRowWidth('VersionId')" >
 					<template #default="scope">
 						{{scope.row['VersionId']}}
 					</template>
 				</el-table-column>
-				<el-table-column v-for="(item, index) in headers" :key="index" :label="item" min-width="150">
+				<el-table-column  v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)" :label="item" min-width="150">
 					<template v-slot="{ row }">{{ (row.Item[index][item]) }}</template>
 				</el-table-column>
 			</el-table>

src/views/plan/workbench/lookError/index.vue

@@ -38,9 +38,12 @@
           style="width: 100%"
           border
           v-if="tableHeight"
+           @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
           :height="tableHeight">
-        <el-table-column v-for="(item, index) in headers"
-            :key="index"
+        <el-table-column  
+        v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
             :label="getColumnName(item)"
             :show-overflow-tooltip="true">
           <template #default="scope">

src/views/productionPlanning/customerForecastDemandReview/demandPlanning/articleDemand/index.vue

@@ -143,13 +143,15 @@
           class="articleDemand-table"
           highlight-current-row
           size="mini"
+           @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
           @row-dblclick="rowDblclick">
         <el-table-column v-for="(item,index) in Headers"
-            :key="index"
             :label="showTitle(item,index)"
             :prop="item"
+            :key="item"
+            :width="getRowWidth(item)"
             show-overflow-tooltip
-            :width="calcWidth(index)">
+            :min-width="calcWidth(index)">
           <template #default="scope">
             <el-input v-if="scope.row['Label'] ==  editField && scope.row['key'] ==  editKey && index > KeyStartIndex "
                 v-model="scope.row[item]"

src/views/productionPlanning/customerInquiry/index.vue

@@ -43,6 +43,7 @@
         :data="tableData"
         border
         size="mini"
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
         @selection-change="handleSelectionChange"
         v-if="tableHeight" :height="tableHeight">
             <el-table-column
@@ -50,8 +51,9 @@
             width="55">
             </el-table-column>
                 <el-table-column
-                v-for="item in headers"
-                :key="item"
+              v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
                 :label="getColumnName(item)"
                 :prop="item"
                 :show-overflow-tooltip="true" >

src/views/productionPlanning/emergencyOrder/index.vue

@@ -69,13 +69,16 @@
           class="articleDemand-table"
           highlight-current-row
           size="mini"
+           @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
           @row-dblclick="rowDblclick">
         <el-table-column v-for="(item,index) in headers"
-            :key="index"
+           
+            :key="item"
+            :width="getRowWidth(item)"
             :label="showTitle(item,index)"
             :prop="item"
             show-overflow-tooltip
-            :width="calcWidth(index)">
+            :min-width="calcWidth(index)">
           <template #default="scope">
             <el-input v-if="scope.row['Label'] ==  editField && scope.row['key'] ==  editKey && index > keyStartIndex "
                 v-model="scope.row[item]"

src/views/productionPlanning/productInventory/index.vue

@@ -35,9 +35,12 @@
           border
           size="mini"
           v-if="tableHeight"
+           @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
           :height="tableHeight">
-        <el-table-column v-for="item in headers"
+        <el-table-column 
+            v-for="item in headers"
             :key="item"
+            :width="getRowWidth(item)"
             :label="getColumnName(item)"
             :prop="item"
             :show-overflow-tooltip="true">

src/views/productionPlanning/versionHistory/index.vue

@@ -61,13 +61,16 @@
           class="articleDemand-table"
           highlight-current-row
           size="mini"
+           @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
           @row-dblclick="rowDblclick">
         <el-table-column v-for="(item,index) in headers"
-            :key="index"
+         
+            :key="item"
+            :width="getRowWidth(item)"
             :label="showTitle(item,index)"
             :prop="item"
             show-overflow-tooltip
-            :width="calcWidth(index)">
+            :min-width="calcWidth(index)">
           <template #default="scope">
             <el-input v-if="scope.row['Label'] ==  editField && scope.row['key'] ==  editKey && index > keyStartIndex "
                 v-model="scope.row[item]"

src/views/system/menu/index.vue

@@ -42,6 +42,7 @@
         row-key="Menu-MenuId"
         border
         size="mini"
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
          v-if="tableHeight" :height="tableHeight"
         :tree-props="{ children: 'Children', hasChildren: 'hasChildren' }"
       >
@@ -50,13 +51,17 @@
 					:label="getColumnName('Menu-Title')"
           :show-overflow-tooltip="true"
 					align="center"
-          width="180px"
+          max-width="180px"
+          key="Menu-Title"
+          :width="getRowWidth('Menu-Title')"
         />
         <el-table-column
           prop="Menu-Icon"
           :label="getColumnName('Menu-Icon')"
           align="center"
-          width="100px"
+          max-width="100px"
+          key="Menu-Icon"
+          :width="getRowWidth('Menu-Icon')"
         >
           <template #default="scope">
             <svg-icon :icon-class="scope.row['Menu-Icon']" />
@@ -66,12 +71,16 @@
           prop="Menu-Path"
           :label="getColumnName('Menu-Path')"
           :show-overflow-tooltip="true"
+          key="Menu-Path"
+          :width="getRowWidth('Menu-Path')"
         />
         <el-table-column
           :label="getColumnName('Menu-CreateTime')"
           align="center"
           prop="Menu-CreateTime"
-          width="180"
+          min-width="180"
+          key="Menu-CreateTime"
+          :width="getRowWidth('Menu-CreateTime')"
         />
         <el-table-column
           label="操作"

src/views/system/oneimport/index.vue

@@ -45,10 +45,12 @@
         border
         v-if="tableHeight"
         :height="tableHeight"
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
       >
         <el-table-column
-          v-for="(item, index) in headers"
-          :key="index"
+          v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
           :show-overflow-tooltip="true"
         >

src/views/system/printer/printerTemplate/index.vue

@@ -20,8 +20,13 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
-				<el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true" width="180px">
+			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData"
+       @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+       v-loading="loading" size="mini" style="width: 100%" border>
+				<el-table-column v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)" 
+          :label="getColumnName(item)" :show-overflow-tooltip="true" min-width="180px">
 					<template #default="scope">
 						<span v-if="item === 'PrinterTemplate-PlantNr'">{{ getWorkshopName(scope.row['PrinterTemplate-PlantNr']) }}</span>
 						<span v-else>{{ scope.row[item] }}</span>

src/views/system/printer/printertab/index.vue

@@ -20,8 +20,13 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
-				<el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true" width="200">
+			<el-table v-if="tableHeight"
+       @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+       :height="tableHeight" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
+				<el-table-column  v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
+           :label="getColumnName(item)" :show-overflow-tooltip="true" min-width="200">
 					<template #default="scope">
 						<span v-if="item === 'Printer-PlantNr'">{{ getWorkshopName(scope.row['Printer-PlantNr']) }}</span>
 						<span v-else-if="item === 'Printer-Active'"> {{ scope.row[item] === 1 ? '是' : '否' }} </span>

src/views/system/printer/printheadtab/index.vue

@@ -36,13 +36,15 @@
         style="width: 100%"
         border
         v-if="tableHeight" :height="tableHeight"
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
       >
         <el-table-column
-          v-for="(item, index) in headers"
-          :key="index"
+          v-for="item in headers"
+          :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
           :show-overflow-tooltip="true"
-          width="200"
+          min-width="200px"
         >
           <template #default="scope">
             <span v-if="item === 'PrintHead-PlantNr'">{{

src/views/system/role/index.vue

@@ -15,11 +15,12 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
-          <el-table-column label="角色编号" prop="Role-RoleId" :width="getRowWidth('Role-RoleId')" />
-					<el-table-column label="角色名称" prop="Role-RoleName" :width="getRowWidth('Role-RoleName')" :show-overflow-tooltip="true" />
-					<el-table-column label="权限字符" prop="Role-RoleKey" :width="getRowWidth('Role-RoleKey')" :show-overflow-tooltip="true" />
-          <el-table-column label="状态" align="center" :width="getRowWidth('Role-Status')">
+			<el-table v-if="tableHeight" 
+      :height="tableHeight" @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
+          <el-table-column label="角色编号" prop="Role-RoleId" key="Role-RoleId" :width="getRowWidth('Role-RoleId')" />
+					<el-table-column label="角色名称" prop="Role-RoleName"  key="Role-RoleName" :width="getRowWidth('Role-RoleName')" :show-overflow-tooltip="true" />
+					<el-table-column label="权限字符" prop="Role-RoleKey"  key="Role-RoleKey" :width="getRowWidth('Role-RoleKey')" :show-overflow-tooltip="true" />
+          <el-table-column label="状态" align="center" key="Role-Status" :width="getRowWidth('Role-Status')">
             <template #default="scope">
               <el-switch
                 v-model="scope.row['Role-Status']"
@@ -30,7 +31,7 @@
               ></el-switch>
             </template>
           </el-table-column>
-					<el-table-column label="创建时间" prop="Role-CreateTime" :width="getRowWidth('Role-CreateTime')" :show-overflow-tooltip="true" />
+					<el-table-column label="创建时间" prop="Role-CreateTime"   key="Role-CreateTime" :width="getRowWidth('Role-CreateTime')" :show-overflow-tooltip="true" />
           <el-table-column align="center" label="操作" width="170">
             <template #default="scope">
 							<el-button class="edit-button-style" @click="handleUpdate(scope.row)" icon="el-icon-edit" size="small">修改</el-button>

src/views/system/serialNumber/index.vue

@@ -43,14 +43,16 @@
         border
         size="mini"
         v-if="tableHeight" :height="tableHeight"
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
       >
         <el-table-column
           v-for="item in headers"
           :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
           :prop="item"
           :show-overflow-tooltip="true"
-          width="130"
+         
         />
         <el-table-column
           label="操作"

src/views/system/standard/index.vue

@@ -42,11 +42,13 @@
         :data="tableData"
         border
         size="mini"
+         @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
          v-if="tableHeight" :height="tableHeight"
       >
         <el-table-column
           v-for="item in headers"
           :key="item"
+          :width="getRowWidth(item)"
           :label="getColumnName(item)"
           :prop="item"
           :show-overflow-tooltip="true"

src/views/system/user/index.vue

@@ -18,11 +18,24 @@
       </el-form>
 		</SearchTemplate>
     <ContentContainer>
-			<el-table v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
-          <el-table-column label="用户编号" align="center" prop="User-UserId" />
-          <el-table-column label="用户名称" align="center" prop="User-Name" :show-overflow-tooltip="true" />
-          <el-table-column label="手机号码" align="center" prop="User-Phone" />
-          <el-table-column label="状态" align="center">
+			<el-table 
+       @header-dragend="(newWidth, oldWidth, column)=>saveRowWidth(column, newWidth)"
+      v-if="tableHeight" :height="tableHeight" :data="tableData" v-loading="loading" size="mini" style="width: 100%" border>
+          <el-table-column label="用户编号" align="center" prop="User-UserId"   
+          key="User-UserId"
+          :width="getRowWidth('User-UserId')"/>
+          <el-table-column label="用户名称" 
+           key="User-Name"
+          :width="getRowWidth('User-Name')"
+          align="center" prop="User-Name" :show-overflow-tooltip="true" />
+          <el-table-column label="手机号码" align="center" prop="User-Phone"
+             key="User-Phone"
+          :width="getRowWidth('User-Phone')"
+           />
+          <el-table-column label="状态" align="center"
+            key="User-Status"
+          :width="getRowWidth('User-Status')"
+          >
             <template #default="scope">
               <el-switch
                 v-model="scope.row['User-Status']"
@@ -33,7 +46,10 @@
               ></el-switch>
             </template>
           </el-table-column>
-          <el-table-column label="创建时间" align="center" prop="User-CreateTime"></el-table-column>
+          <el-table-column label="创建时间" 
+          key="User-CreateTime"
+          :width="getRowWidth('User-CreateTime')"
+          align="center" prop="User-CreateTime"></el-table-column>
           <el-table-column label="操作" width="170" align="center">
             <template #default="scope">
 							<el-button class="edit-button-style" @click="handleUpdate(scope.row)" icon="el-icon-edit" size="small">修改</el-button>