修改字典和出入库记录按钮样式

Signed-off-by: CenXinYi <2810162984@qq.com>

src/views/processManagement/inventoryRecord/index.vue

@@ -536,7 +536,6 @@ export default {
               var fq = { fqYs, fqBz, fqDbxi, fqDd, fqMcode, fqYy }
               this.singleDetails = Object.assign({}, { ...row }, { ...fq })
             }
-
           }
         )
       }
@@ -593,9 +592,15 @@ export default {
           }
         }
       }
+      /* TODO: 定义按钮样式 */
+      .el-button{
+        padding: 8px 7px;
+      }
     }
   }
 
+
+
   /* TODO: 专门用来解决el-input边框的问题 */
   .aboutSingleDetails{
     .el-form{

src/views/sample/inventoryRecord/index.vue

@@ -484,6 +484,10 @@ export default {
           width: 180px
         }
       }
+      /* TODO: 定义按钮样式 */
+      .el-button{
+        padding: 8px 7px;
+      }
     }
   }
 }

src/views/system/dict/data.vue

 <template>
   <div class="app-container">
-    <el-form v-show="showSearch" ref="queryForm" style="width: 100%" :model="queryParams" :inline="true">
+    <el-form v-show="showSearch" ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
       <el-form-item label="字典名称" prop="dictType">
         <el-select v-model="queryParams.dictType" placeholder="请选择字典名称" clearable size="small">
           <el-option
@@ -35,10 +35,11 @@
         <el-button type="primary" size="small" @click="handleQuery">搜索</el-button>
         <el-button size="small" @click="resetQuery">重置</el-button>
       </el-form-item>
-    </el-form>
-    <el-row :gutter="10" class="mb8">
+      <div style="float: right; padding:3px 15px;">
+        <el-row :gutter="10">
           <el-col :span="1.5">
             <el-button
+              style="padding: 8px 7px;"
               type="primary"
               icon="el-icon-plus"
               size="mini"
@@ -46,39 +47,13 @@
             >新增
             </el-button>
           </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-        >修改
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-        >删除
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          v-has-permi="['sys:dict:export']"
-          type="warning"
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-        >导出
-        </el-button>
-      </el-col>
           <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
         </el-row>
+      </div>
+    </el-form>
+
     <div class="placeholder" />
+
     <div style="padding:10px">
       <div class="mb12 font-small-bold">字典参数列表</div>
       <el-table v-loading="loading" :data="dataList" border @selection-change="handleSelectionChange">
@@ -138,15 +113,15 @@
               type="text"
               @click="handleDelete(scope.row)"
             >删除</el-button>
-<!--            <el-switch-->
-<!--              v-model="scope.row.status"-->
-<!--              v-hasPermi="['sys:dictConfig:toggle']"-->
-<!--              disabled-->
-<!--              class="switchDisabledStyle"-->
-<!--              active-value="0"-->
-<!--              inactive-value="1"-->
-<!--              @click.native="changeStatus(scope.row)"-->
-<!--            />-->
+            <!--            <el-switch-->
+            <!--              v-model="scope.row.status"-->
+            <!--              v-hasPermi="['sys:dictConfig:toggle']"-->
+            <!--              disabled-->
+            <!--              class="switchDisabledStyle"-->
+            <!--              active-value="0"-->
+            <!--              inactive-value="1"-->
+            <!--              @click.native="changeStatus(scope.row)"-->
+            <!--            />-->
           </template>
         </el-table-column>
       </el-table>
@@ -196,8 +171,8 @@
 </template>
 
 <script>
-import {addData, checkDictLabelUnique, delData, exportData, getData, listData, updateData} from '@/api/system/dict/data'
-import {getType, listType} from '@/api/system/dict/type'
+import { addData, checkDictLabelUnique, delData, exportData, getData, listData, updateData } from '@/api/system/dict/data'
+import { getType, listType } from '@/api/system/dict/type'
 
 export default {
   name: 'Data',

src/views/system/dict/index.vue

@@ -67,7 +67,8 @@
         >重置
         </el-button>
       </el-form-item>
-      <el-row :gutter="10" class="mb8">
+      <div style="float: right; padding:3px 15px;">
+        <el-row :gutter="10">
           <el-col :span="1.5">
             <el-button
               style="padding: 8px 7px;"
@@ -77,28 +78,6 @@
               @click="handleAdd"
             >新增</el-button>
           </el-col>
-        <el-col :span="1.5">
-          <el-button
-            style="padding: 8px 7px;"
-            type="success"
-            icon="el-icon-edit"
-            size="small"
-            :disabled="single"
-            @click="handleUpdate"
-          >修改
-          </el-button>
-        </el-col>
-        <el-col :span="1.5">
-          <el-button
-            style="padding: 8px 7px;"
-            type="danger"
-            icon="el-icon-delete"
-            size="small"
-            :disabled="multiple"
-            @click="handleDelete"
-          >删除
-          </el-button>
-        </el-col>
           <el-col :span="1.5">
             <el-button
               style="padding: 8px 7px;"
@@ -110,6 +89,7 @@
           </el-col>
           <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
         </el-row>
+      </div>
     </el-form>
     <div class="placeholder" />
     <div style="min-height: 445px;padding:10px">

src/views/system/role/index.vue

@@ -260,8 +260,8 @@ import {
   listRole,
   updateRole
 } from '@/api/system/role'
-import {roleMenuTreeselect, roleMenuTreeselectMC, treeselect as menuTreeselect} from '@/api/system/menu'
-import {roleDeptTreeselect, treeselect as deptTreeselect} from '@/api/system/dept'
+import {roleMenuTreeselect, roleMenuTreeselectMC, treeselect as menuTreeselect } from '@/api/system/menu'
+import {roleDeptTreeselect, treeselect as deptTreeselect } from '@/api/system/dept'
 // import { getRolesByInsId } from '../../../api/businessManage/template'
 export default {
   name: 'Role',