Selaa lähdekoodia

表格样式,变小

yuedefeng 6 vuotta sitten
vanhempi
commit
253cde961d

+ 4 - 4
src/dashoo.cn/frontend_web/src/pages/oilsupplier/supplier/basislist.vue

@@ -31,11 +31,11 @@
           </el-form-item>
         </el-form>
       </div>
-      <el-table :data="entityList" border height="calc(100vh - 243px)" style="width: 100%" @sort-change="orderby">
-        <el-table-column label="操作" min-width="150" align="center" fixed="right">
+      <el-table :data="entityList" border height="calc(100vh - 243px)" style="width: 100%" @sort-change="orderby" size="mini">
+        <el-table-column label="操作" min-width="120" align="center" fixed="right">
           <template slot-scope="scope">
             <router-link :to="'/oilsupplier/supplier/' + scope.row.Id + '/basisedit?certid=' + scope.row.CertId">
-              <el-button type="primary" plain title="编辑" size="mini">打开</el-button>
+              <el-button type="text" title="编辑" icon="el-icon-edit" size="mini">打开</el-button>
             </router-link>
 
             <el-popover placement="top" title="提示">
@@ -49,7 +49,7 @@
               <div style="text-align: right; margin: 0">
                 <el-button type="primary" size="mini" @click="deleteEntity(scope.row)">删除</el-button>
               </div>
-              <el-button slot="reference" type="primary" plain title="删除" style="margin-left:3px" size="mini">删除</el-button>
+              <el-button slot="reference" type="text" title="删除" style="margin-left:10px" size="mini" icon="el-icon-delete">删除</el-button>
             </el-popover>
           </template>
         </el-table-column>

+ 3 - 3
src/dashoo.cn/frontend_web/src/pages/oilsupplier/supplier/goodslist.vue

@@ -31,11 +31,11 @@
           </el-form-item>
         </el-form>
       </div>
-      <el-table :data="entityList" border height="calc(100vh - 243px)" style="width: 100%" @sort-change="orderby">
+      <el-table :data="entityList" border height="calc(100vh - 243px)" style="width: 100%" @sort-change="orderby" size="mini">
         <el-table-column label="操作" min-width="150" align="center" fixed="right">
           <template slot-scope="scope">
             <router-link :to="'/oilsupplier/supplier/' + scope.row.Id + '/goodsedit?certid=' + scope.row.CertId">
-              <el-button type="primary" plain title="编辑" size="mini">打开</el-button>
+              <el-button type="text" title="编辑"  icon="el-icon-edit" size="mini">打开</el-button>
             </router-link>
 
             <el-popover placement="top" title="提示">
@@ -49,7 +49,7 @@
               <div style="text-align: right; margin: 0">
                 <el-button type="primary" size="mini" @click="deleteEntity(scope.row)">删除</el-button>
               </div>
-              <el-button slot="reference" type="primary" plain title="删除" style="margin-left:3px" size="mini">删除</el-button>
+              <el-button slot="reference" type="text" title="删除" style="margin-left:10px" size="mini" icon="el-icon-delete">删除</el-button>
             </el-popover>
           </template>
         </el-table-column>

+ 4 - 4
src/dashoo.cn/frontend_web/src/pages/oilsupplier/supplier/techlist.vue

@@ -31,11 +31,11 @@
           </el-form-item>
         </el-form>
       </div>
-      <el-table :data="entityList" border height="calc(100vh - 246px)" style="width: 100%" @sort-change="orderby">
-        <el-table-column label="操作" min-width="150" align="center" fixed="right">
+      <el-table :data="entityList" border size="mini" height="calc(100vh - 246px)" style="width: 100%" @sort-change="orderby">
+        <el-table-column label="操作" min-width="120" align="center" fixed="right">
           <template slot-scope="scope">
             <router-link :to="'/oilsupplier/supplier/' + scope.row.Id + '/techedit?certid=' + scope.row.CertId">
-              <el-button type="primary" plain title="详细信息" size="mini">打开</el-button>
+              <el-button type="text" title="详细信息" icon="el-icon-edit" size="mini">打开</el-button>
             </router-link>
 
             <el-popover placement="top" title="提示">
@@ -49,7 +49,7 @@
               <div style="text-align: right; margin: 0">
                 <el-button type="primary" size="mini" @click="deleteEntity(scope.row)">删除</el-button>
               </div>
-              <el-button slot="reference" type="primary" plain title="删除" style="margin-left:3px" size="mini">删除</el-button>
+              <el-button slot="reference" type="text" title="删除" style="margin-left:10px" size="mini" icon="el-icon-delete">删除</el-button>
             </el-popover>
           </template>
         </el-table-column>