调整了表格大小

src/assets/styles/element-ui.scss

@@ -5,7 +5,13 @@
   font-weight: 400 !important;
 }
 .el-table {
+  th{
+    >.cell{
+      padding: 0;
+    }
+  }
   .cell{
+    padding: 0;
     line-height: 14px;
   }
 

src/store/modules/settings.js

@@ -6,7 +6,7 @@ const { showSettings, tagsView, fixedHeader, sidebarLogo } = defaultSettings
 const state = {
 
   theme: variables.theme,
-  tableColumnWidth:40,
+  tableColumnWidth:45,
   showSettings: showSettings,
   tagsView: tagsView,
   fixedHeader: fixedHeader,

src/views/price/manage/index.vue

@@ -109,53 +109,65 @@
 
     <el-table fit size="mini" :row-style="{ height: '25px' }" v-loading="loading" :data="infoList"
       @selection-change="handleSelectionChange">
-      <el-table-column :width="tableColumnWidth" type="selection" width="55" align="center" />
+      <el-table-column type="selection" width="40" align="center" />
 
-      <el-table-column :width="tableColumnWidth" width="100px" label="机组型号" align="center" prop="unitModel" />
+      <el-table-column :width="tableColumnWidth" 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="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" 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 :width="tableColumnWidth" label="发电机价格(仿斯坦福)"
+        v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']"
+        align="center" prop="generatorPriceFstf" />
       <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 :width="tableColumnWidth" label="发电机价格(利来森马)"
+        v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']"
+        align="center" prop="generatorPriceLlsm" />
       <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 :width="tableColumnWidth" label="发电机价格(美迪奥)"
+        v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']"
+        align="center" prop="generatorPriceMda" />
       <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 :width="tableColumnWidth" label="发电机价格(马拉松)"
+        v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']"
+        align="center" prop="generatorPriceMls" />
       <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 :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 :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 :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 :width="tableColumnWidth" label="发电机价格(斯坦福)"
+        v-if="checkPermissions(['price:info:list:generatorPrice'])" v-hasPermi="['price:info:list:generatorPrice']"
+        align="center" prop="generatorPriceStf" />
+
+      <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 :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 :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 :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="电瓶价格" 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 :width="tableColumnWidth" 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 }}
@@ -189,10 +201,10 @@
           {{ computedTotalPrice(scope.row, scope.row.generatorPriceStf) }}
         </template>
       </el-table-column>
-      <el-table-column :width="tableColumnWidth" v-if="computedQuery.accessory == 'openPrice'" label="开架尺寸（长/宽/高/重量）" align="center"
-        prop="openParms" />
-      <el-table-column :width="tableColumnWidth" v-if="computedQuery.accessory == 'mutePrice'" label="静音尺寸（长/宽/高/重量）" align="center"
-        prop="muteParms" />
+      <el-table-column :width="tableColumnWidth" v-if="computedQuery.accessory == 'openPrice'" label="开架尺寸（长/宽/高/重量）"
+        align="center" prop="openParms" />
+      <el-table-column :width="tableColumnWidth" v-if="computedQuery.accessory == 'mutePrice'" label="静音尺寸（长/宽/高/重量）"
+        align="center" prop="muteParms" />
 
 
 
@@ -205,7 +217,8 @@
       <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">
+      <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 +488,7 @@ export default {
     };
   },
   computed: {
-    ...mapGetters(['permissions', 'roles','tableColumnWidth'])
+    ...mapGetters(['permissions', 'roles', 'tableColumnWidth'])
   },
   created() {
     this.getControllerList()