修改表格通用大小前

src/store/getters.js

@@ -10,6 +10,7 @@ const getters = {
   introduction: state => state.user.introduction,
   roles: state => state.user.roles,
   permissions: state => state.user.permissions,
-  permission_routes: state => state.permission.routes
+  permission_routes: state => state.permission.routes,
+  tableColumnWidth:state => state.settings.tableColumnWidth
 }
 export default getters

src/store/modules/settings.js

@@ -4,7 +4,9 @@ import defaultSettings from '@/settings'
 const { showSettings, tagsView, fixedHeader, sidebarLogo } = defaultSettings
 
 const state = {
+
   theme: variables.theme,
+  tableColumnWidth:40,
   showSettings: showSettings,
   tagsView: tagsView,
   fixedHeader: fixedHeader,

src/views/price/manage/index.vue

@@ -109,53 +109,53 @@
 
     <el-table fit size="mini" :row-style="{ height: '25px' }" v-loading="loading" :data="infoList"
       @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-
-      <el-table-column width="100px" label="机组型号" align="center" prop="unitModel" />
-      <el-table-column label="机组功率(kw)" align="center" prop="unitPowerKw" />
-      <el-table-column label="机组功率备用(kw)" align="center" prop="unitPowerKwSpare" />
-      <el-table-column label="机组功率(kva)" align="center" prop="unitPowerKva" />
-      <el-table-column label="机组功率备用(kva)" align="center" prop="unitPowerKvaSpare" />
-      <el-table-column label="频率(Hz)" align="center" prop="rate" />
-      <el-table-column width="100px" label="柴油机型号" align="center" prop="dieselEngineModel" />
-      <el-table-column label="品牌" align="center" prop="brand" />
-      <el-table-column label="转速" align="center" prop="speed" />
-      <el-table-column v-hasPermi="['price:info:list:powerPrice']" v-if="checkPermissions(['price:info:list:powerPrice'])" label="动力价格" align="center" prop="powerPrice" />
-
-      <el-table-column label="发电机型号(仿斯坦福)" align="center" prop="generatorModelFstf" />
-      <el-table-column label="发电机价格(仿斯坦福)"  v-if="checkPermissions(['price:info:list:generatorPrice'])"  v-hasPermi="['price:info:list:generatorPrice']" align="center"
+      <el-table-column :width="tableColumnWidth" type="selection" width="55" align="center" />
+
+      <el-table-column :width="tableColumnWidth" width="100px" label="机组型号" align="center" prop="unitModel" />
+      <el-table-column :width="tableColumnWidth" label="机组功率(kw)" align="center" prop="unitPowerKw" />
+      <el-table-column :width="tableColumnWidth" label="机组功率备用(kw)" align="center" prop="unitPowerKwSpare" />
+      <el-table-column :width="tableColumnWidth" label="机组功率(kva)" align="center" prop="unitPowerKva" />
+      <el-table-column :width="tableColumnWidth" label="机组功率备用(kva)" align="center" prop="unitPowerKvaSpare" />
+      <el-table-column :width="tableColumnWidth" label="频率(Hz)" align="center" prop="rate" />
+      <el-table-column :width="tableColumnWidth" width="100px" label="柴油机型号" align="center" prop="dieselEngineModel" />
+      <el-table-column :width="tableColumnWidth" label="品牌" align="center" prop="brand" />
+      <el-table-column :width="tableColumnWidth" label="转速" align="center" prop="speed" />
+      <el-table-column :width="tableColumnWidth" v-hasPermi="['price:info:list:powerPrice']" v-if="checkPermissions(['price:info:list:powerPrice'])" label="动力价格" align="center" prop="powerPrice" />
+
+      <el-table-column :width="tableColumnWidth" label="发电机型号(仿斯坦福)" align="center" prop="generatorModelFstf" />
+      <el-table-column :width="tableColumnWidth" label="发电机价格(仿斯坦福)"  v-if="checkPermissions(['price:info:list:generatorPrice'])"  v-hasPermi="['price:info:list:generatorPrice']" align="center"
         prop="generatorPriceFstf" />
-      <el-table-column label="发电机型号(利来森马)" align="center" prop="generatorModelLlsm" />
-      <el-table-column label="发电机价格(利来森马)"  v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']" align="center"
+      <el-table-column :width="tableColumnWidth" label="发电机型号(利来森马)" align="center" prop="generatorModelLlsm" />
+      <el-table-column :width="tableColumnWidth" label="发电机价格(利来森马)"  v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']" align="center"
         prop="generatorPriceLlsm" />
-      <el-table-column label="发电机型号(美迪奥)" align="center" prop="generatorModelMda" />
-      <el-table-column label="发电机价格(美迪奥)"  v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']" align="center"
+      <el-table-column :width="tableColumnWidth" label="发电机型号(美迪奥)" align="center" prop="generatorModelMda" />
+      <el-table-column :width="tableColumnWidth" label="发电机价格(美迪奥)"  v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']" align="center"
         prop="generatorPriceMda" />
-      <el-table-column label="发电机型号(马拉松)" align="center" prop="generatorModelMls" />
-      <el-table-column label="发电机价格(马拉松)"  v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']" align="center"
+      <el-table-column :width="tableColumnWidth" label="发电机型号(马拉松)" align="center" prop="generatorModelMls" />
+      <el-table-column :width="tableColumnWidth" label="发电机价格(马拉松)"  v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']" align="center"
         prop="generatorPriceMls" />
-      <el-table-column label="发电机型号(斯坦福)" align="center" prop="generatorModelStf" />
-      <el-table-column label="发电机价格(斯坦福)"  v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']" align="center"
+      <el-table-column :width="tableColumnWidth" label="发电机型号(斯坦福)" align="center" prop="generatorModelStf" />
+      <el-table-column :width="tableColumnWidth" label="发电机价格(斯坦福)"  v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']" align="center"
         prop="generatorPriceStf" />
 
-      <el-table-column v-if="computedQuery.accessory == 'mutePrice'&&checkPermissions(['price:info:list:mutePrice'])" label="静音机壳价格" align="center"
+      <el-table-column :width="tableColumnWidth" v-if="computedQuery.accessory == 'mutePrice'&&checkPermissions(['price:info:list:mutePrice'])" label="静音机壳价格" align="center"
         v-hasPermi="['price:info:list:mutePrice']"   prop="mutePrice" />
 
-      <el-table-column v-if="computedQuery.accessory == 'openPrice'&&checkPermissions(['price:info:list:openPrice'])" label="开架价格" align="center"
+      <el-table-column :width="tableColumnWidth" v-if="computedQuery.accessory == 'openPrice'&&checkPermissions(['price:info:list:openPrice'])" label="开架价格" align="center"
         v-hasPermi="['price:info:list:openPrice']" prop="openPrice" />
 
-      <el-table-column v-if="computedQuery.isHaveAst" label="ATS型号" align="center" prop="atsModel" />
-      <el-table-column v-if="computedQuery.isHaveAst&&checkPermissions(['price:info:list:astPrice'])"  v-hasPermi="['price:info:list:astPrice']" label="ATS价格"
+      <el-table-column :width="tableColumnWidth" v-if="computedQuery.isHaveAst" label="ATS型号" align="center" prop="atsModel" />
+      <el-table-column :width="tableColumnWidth" v-if="computedQuery.isHaveAst&&checkPermissions(['price:info:list:astPrice'])"  v-hasPermi="['price:info:list:astPrice']" label="ATS价格"
         align="center" prop="atsPrice" />
-      <el-table-column label="电瓶型号" align="center" prop="batteryModel" />
-      <el-table-column label="电瓶价格" v-hasPermi="['price:info:list:batteryPrice']" v-if="checkPermissions(['price:info:list:batteryPrice'])" align="center" prop="batteryPrice" />
-      <el-table-column label="控制器型号" align="center" prop="controllerModel">
+      <el-table-column :width="tableColumnWidth" label="电瓶型号" align="center" prop="batteryModel" />
+      <el-table-column :width="tableColumnWidth" label="电瓶价格" v-hasPermi="['price:info:list:batteryPrice']" v-if="checkPermissions(['price:info:list:batteryPrice'])" align="center" prop="batteryPrice" />
+      <el-table-column :width="tableColumnWidth" label="控制器型号" align="center" prop="controllerModel">
         <template>
           {{ computedQuery.controllerModel }}
 
         </template>
       </el-table-column>
-      <el-table-column v-hasPermi="['price:info:list:controllerPrice']" v-if="checkPermissions(['price:info:list:controllerPrice'])" label="控制器价格" align="center"
+      <el-table-column :width="tableColumnWidth" v-hasPermi="['price:info:list:controllerPrice']" v-if="checkPermissions(['price:info:list:controllerPrice'])" label="控制器价格" align="center"
         prop="controllerPrice">
         <template>
           {{ computedQuery.controllerPrice }}
@@ -164,48 +164,48 @@
       </el-table-column>
 
 
-      <el-table-column label="合计含税成本(仿斯坦福)" align="center" prop="totalCostMuteFstf">
+      <el-table-column :width="tableColumnWidth" label="合计含税成本(仿斯坦福)" align="center" prop="totalCostMuteFstf">
         <template slot-scope="scope">
           {{ computedTotalPrice(scope.row, scope.row.generatorPriceFstf) }}
         </template>
       </el-table-column>
-      <el-table-column label="合计含税成本(利来森马)" align="center" prop="totalCostMuteLlsm">
+      <el-table-column :width="tableColumnWidth" label="合计含税成本(利来森马)" align="center" prop="totalCostMuteLlsm">
         <template slot-scope="scope">
           {{ computedTotalPrice(scope.row, scope.row.generatorPriceLlsm) }}
         </template>
       </el-table-column>
-      <el-table-column label="合计含税成本(美迪奥)" align="center" prop="totalCostMuteMda">
+      <el-table-column :width="tableColumnWidth" label="合计含税成本(美迪奥)" align="center" prop="totalCostMuteMda">
         <template slot-scope="scope">
           {{ computedTotalPrice(scope.row, scope.row.generatorPriceMda) }}
         </template>
       </el-table-column>
-      <el-table-column label="合计含税成本(马拉松)" align="center" prop="totalCostMuteMls">
+      <el-table-column :width="tableColumnWidth" label="合计含税成本(马拉松)" align="center" prop="totalCostMuteMls">
         <template slot-scope="scope">
           {{ computedTotalPrice(scope.row, scope.row.generatorPriceMls) }}
         </template>
       </el-table-column>
-      <el-table-column label="合计含税成本(斯坦福)" align="center" prop="totalCostMuteStf">
+      <el-table-column :width="tableColumnWidth" label="合计含税成本(斯坦福)" align="center" prop="totalCostMuteStf">
         <template slot-scope="scope">
           {{ computedTotalPrice(scope.row, scope.row.generatorPriceStf) }}
         </template>
       </el-table-column>
-      <el-table-column v-if="computedQuery.accessory == 'openPrice'" label="开架尺寸（长/宽/高/重量）" align="center"
+      <el-table-column :width="tableColumnWidth" v-if="computedQuery.accessory == 'openPrice'" label="开架尺寸（长/宽/高/重量）" align="center"
         prop="openParms" />
-      <el-table-column v-if="computedQuery.accessory == 'mutePrice'" label="静音尺寸（长/宽/高/重量）" align="center"
+      <el-table-column :width="tableColumnWidth" v-if="computedQuery.accessory == 'mutePrice'" label="静音尺寸（长/宽/高/重量）" align="center"
         prop="muteParms" />
 
 
 
-      <!-- <el-table-column label="静音尺寸" align="center" prop="muteLong" />
-      <el-table-column label="静音尺寸" align="center" prop="muteWidth" />
-      <el-table-column label="静音尺寸" align="center" prop="muteHigh" />
-      <el-table-column label="开架尺寸" align="center" prop="openLong" />
-      <el-table-column label="开架尺寸" align="center" prop="openWidth" />
-      <el-table-column label="开架尺寸" align="center" prop="openHigh" />
-      <el-table-column label="CKD尺寸" align="center" prop="ckdLong" />
-      <el-table-column label="CKD尺寸" align="center" prop="ckdWidth" />
-      <el-table-column label="CKD尺寸" align="center" prop="ckdHigh" /> -->
-      <el-table-column width="180px" label="操作" align="center" class-name="small-padding fixed-width">
+      <!-- <el-table-column :width="tableColumnWidth" label="静音尺寸" align="center" prop="muteLong" />
+      <el-table-column :width="tableColumnWidth" label="静音尺寸" align="center" prop="muteWidth" />
+      <el-table-column :width="tableColumnWidth" label="静音尺寸" align="center" prop="muteHigh" />
+      <el-table-column :width="tableColumnWidth" label="开架尺寸" align="center" prop="openLong" />
+      <el-table-column :width="tableColumnWidth" label="开架尺寸" align="center" prop="openWidth" />
+      <el-table-column :width="tableColumnWidth" label="开架尺寸" align="center" prop="openHigh" />
+      <el-table-column :width="tableColumnWidth" label="CKD尺寸" align="center" prop="ckdLong" />
+      <el-table-column :width="tableColumnWidth" label="CKD尺寸" align="center" prop="ckdWidth" />
+      <el-table-column :width="tableColumnWidth" label="CKD尺寸" align="center" prop="ckdHigh" /> -->
+      <el-table-column :width="tableColumnWidth" width="180px" label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <div style="display:inline-flex">
             <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
@@ -475,7 +475,7 @@ export default {
     };
   },
   computed: {
-    ...mapGetters(['permissions', 'roles'])
+    ...mapGetters(['permissions', 'roles','tableColumnWidth'])
   },
   created() {
     this.getControllerList()