瀏覽代碼

演示稿件行间距调整

JXDS18FUJT 2 年之前
父節點
當前提交
07ac8a8f4b
共有 3 個文件被更改,包括 14 次插入15 次删除
  1. 2 2
      src/views/price/gallery/index.vue
  2. 7 8
      src/views/price/manage/index.vue
  3. 5 5
      src/views/price/query/index.vue

+ 2 - 2
src/views/price/gallery/index.vue

@@ -32,7 +32,7 @@
 
                         <el-image v-if="getFileType(scope.row) == 'image'" :src="scope.row.fileUrl"
                             :preview-src-list="[scope.row.fileUrl]"></el-image>
-                        <video preload="metadata" style="object-fit:fill;width: 100%;"
+                        <video  preload="metadata" style="object-fit:contain;width: 100%;"
                             v-else-if="getFileType(scope.row) == 'video'" controls :src="scope.row.fileUrl"></video>
                         <span v-else>不支持预览的文件格式</span>
                     </div>
@@ -40,7 +40,7 @@
                 </template>
 
             </el-table-column>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <el-table-column fixed="right" label="操作" align="center" class-name="small-padding fixed-width">
                 <template slot-scope="scope">
 
                     <el-button size="mini" type="text" icon="el-icon-download"

+ 7 - 8
src/views/price/manage/index.vue

@@ -47,11 +47,9 @@
         <el-upload :show-file-list="false" class="upload-demo" with-credentials :headers="{
           'Authorization': 'Bearer ' + token
         }" action="http://xxgl.zzxcx.net/xxgl-admin/price/info/import" :on-success="handleSuccess" multiple
-         
           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel"
           :file-list="fileList">
-          <el-button type="warning" icon="el-icon-bottom" size="mini" 
-            v-hasPermi="['price:info:export']">导入</el-button>
+          <el-button type="warning" icon="el-icon-bottom" size="mini" v-hasPermi="['price:info:export']">导入</el-button>
 
         </el-upload>
 
@@ -59,18 +57,19 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
+    <el-table fit :row-style="{ height: '35px' }"  v-loading="loading" :data="infoList"
+      @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="主键" align="center" prop="id" />
       <el-table-column label="品牌" align="center" prop="brand" />
-      <el-table-column label="机组型号" align="center" prop="unitModel" />
+      <el-table-column width="180px" label="机组型号" align="center" prop="unitModel" />
       <el-table-column label="机组功率(kw)" align="center" prop="unitPowerKw" />
       <el-table-column label="机组功率(kva)" align="center" prop="unitPowerKva" />
       <el-table-column label="频率(Hz)" align="center" prop="rate" />
-      <el-table-column label="柴油机型号" align="center" prop="dieselEngineModel" />
+      <el-table-column width="180px" label="柴油机型号" align="center" prop="dieselEngineModel" />
       <el-table-column label="转速" align="center" prop="speed" />
       <el-table-column label="动力价格" align="center" prop="powerPrice" />
-      <el-table-column label="发电机型号" align="center" prop="generatorModel" />
+      <el-table-column width="180px" label="发电机型号" align="center" prop="generatorModel" />
       <el-table-column label="发电机价格" align="center" prop="generatorPrice" />
       <el-table-column label="静音机壳价格" align="center" prop="mutePrice" />
       <el-table-column label="开架价格" align="center" prop="openPrice" />
@@ -91,7 +90,7 @@
       <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 label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column fixed="right" width="180px" label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
             v-hasPermi="['price:info:edit']">修改</el-button>

+ 5 - 5
src/views/price/query/index.vue

@@ -46,18 +46,18 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
+    <el-table fit :row-style="{ height: '35px' }" v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="主键" align="center" prop="id" />
       <el-table-column label="品牌" align="center" prop="brand" />
-      <el-table-column label="机组型号" align="center" prop="unitModel" />
+      <el-table-column width="180px" label="机组型号" align="center" prop="unitModel" />
       <el-table-column label="机组功率(kw)" align="center" prop="unitPowerKw" />
       <el-table-column label="机组功率(kva)" align="center" prop="unitPowerKva" />
       <el-table-column label="频率(Hz)" align="center" prop="rate" />
-      <el-table-column label="柴油机型号" align="center" prop="dieselEngineModel" />
+      <el-table-column width="180px" label="柴油机型号" align="center" prop="dieselEngineModel" />
       <el-table-column label="转速" align="center" prop="speed" />
       <!-- <el-table-column label="动力价格" align="center" prop="powerPrice" /> -->
-      <el-table-column label="发电机型号" align="center" prop="generatorModel" />
+      <el-table-column width="180px" label="发电机型号" align="center" prop="generatorModel" />
       <!-- <el-table-column label="发电机价格" align="center" prop="generatorPrice" /> -->
       <!-- <el-table-column label="静音机壳价格" align="center" prop="mutePrice" /> -->
       <!-- <el-table-column label="开架价格" align="center" prop="openPrice" /> -->
@@ -78,7 +78,7 @@
       <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 label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column width="180px" fixed="right" label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <!-- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
             v-hasPermi="['price:info:edit']">修改</el-button> -->