按钮样式修改

src/views/system/basicdata/businessunit/index.vue

 <template>
   <div class="app-container">
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          @click="handleAdd"
-          v-hasPermi="['control:unit:add']"
-        >新建</el-button>
-      </el-col>
-    </el-row>
+    <div>
+      <el-button type="primary" plain style="float: right;margin: 12px 0;border: 1px solid #0154fb;color: #0154fb;" @click="handleAdd">新建</el-button>
+    </div>
 
     <el-table v-loading="loading" :data="unitList" @selection-change="handleSelectionChange" border>
       <el-table-column  label="序号" align="center" width="80">
@@ -28,7 +21,7 @@
       <el-table-column label="更新人" align="center" prop="updateName" width="150"/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
-          <el-button link type="primary" @click="handleUpdate(scope.row)" v-hasPermi="['control:unit:edit']">编辑</el-button>
+          <el-button link type="primary" @click="handleUpdate(scope.row)" v-hasPermi="['control:unit:edit']" style='color: #0154FB'>编辑</el-button>
 <!--          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['control:unit:remove']">删除</el-button>-->
         </template>
       </el-table-column>

src/views/system/basicdata/manufacturer/index.vue

@@ -59,25 +59,25 @@
         />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" @click="handleQuery">搜索</el-button>
-        <el-button @click="resetQuery">重置</el-button>
+        <el-button style='background: #0154fb;color: white' @click="handleQuery">查询</el-button>
+        <el-button style="border: 1px solid #0154fb;color: #0154fb;" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
-    <el-form-item>
+<!--    <el-form-item>
       <el-button
         type="primary"
         plain
-        icon="Plus"
         @click="handleAdd"
         v-hasPermi="['control:manufacturer:add']"
       >新增</el-button>
-    </el-form-item>
+    </el-form-item>-->
 
     <el-table
       v-loading="loading"
       :data="manufacturerList"
       @selection-change="handleSelectionChange"
-      style="width: 100%">
+      style="width: 100%"
+      border>
       <!-- 固定左侧列 -->
       <el-table-column  label="序号" align="center" width="80" fixed="left" >
         <template #default="scope">
@@ -104,8 +104,8 @@
       <!-- 固定右侧操作列 -->
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150" fixed="right">
         <template #default="scope">
-          <el-button link type="primary" @click="handleUpdate(scope.row)" v-hasPermi="['control:manufacturer:edit']">编辑</el-button>
-          <el-button link type="primary" @click="handleDelete(scope.row)" v-hasPermi="['control:manufacturer:remove']" style='color: red'>删除</el-button>
+          <el-button link type="primary" @click="handleUpdate(scope.row)" v-hasPermi="['control:manufacturer:edit']" style='color: #0154FB'>编辑</el-button>
+          <el-button link type="primary" @click="handleDelete(scope.row)" v-hasPermi="['control:manufacturer:remove']" style='color: #DF5454'>删除</el-button>
         </template>
       </el-table-column>
     </el-table>

src/views/system/role/index.vue

@@ -32,25 +32,26 @@
         </el-select>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Search" @click="handleQuery" style='background: #0154fb;'>查询</el-button>
         <el-button icon="Refresh" @click="resetQuery">重置</el-button>
       </el-form-item>
-      <el-form-item class="addRoleBtn">
         <el-button
           v-hasPermi="['system:role:add']"
           type="primary"
           icon="Plus"
           @click="handleAdd"
+          style="float: right;background: #0154fb;"
         >新建角色</el-button>
-      </el-form-item>
+        <!--      <el-button type="primary" plain  @click="handleAdd">新建</el-button>-->
     </el-form>
 
+
     <!-- 表格数据 -->
     <el-table
       v-loading="loading"
       :data="roleList"
       @selection-change="handleSelectionChange"
-    >
+      border>
 <!--      <el-table-column type="selection" width="55" align="center" />-->
       <el-table-column label="序号" prop="roleId" width="120" align="center"/>
       <el-table-column
@@ -68,7 +69,7 @@
         align="center"
       />
       <el-table-column label="显示顺序" prop="roleSort" width="100" align="center"/>
-      <el-table-column label="角色状态" align="center" width="100" >
+      <el-table-column label="角色状态" align="center" width="150" sortable>
         <template #default="scope">
           <el-switch
             v-model="scope.row.status"
@@ -78,12 +79,12 @@
           ></el-switch>
         </template>
       </el-table-column>
-      <el-table-column label="创建时间" align="center" prop="createTime">
+      <el-table-column label="创建时间" align="center" prop="createTime" width="200" sortable>
         <template #default="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="修改时间" align="center" prop="updateTime">
+      <el-table-column label="修改时间" align="center" prop="updateTime" width="200" sortable>
         <template #default="scope">
           <span>{{ parseTime(scope.row.updateTime) }}</span>
         </template>
@@ -96,42 +97,29 @@
         <template #default="scope">
           <el-tooltip
             v-if="scope.row.roleId !== 1"
-            content="修改"
+            content="编辑"
             placement="top"
           >
             <el-button
               v-hasPermi="['system:role:edit']"
-              link
+              plain
               type="primary"
               icon="Edit"
               @click="handleUpdate(scope.row)"
-            ></el-button>
-          </el-tooltip>
-          <el-tooltip
-            v-if="scope.row.roleId !== 1"
-            content="删除"
-            placement="top"
-          >
-            <el-button
-              v-hasPermi="['system:role:remove']"
-              link
-              type="primary"
-              icon="Delete"
-              @click="handleDelete(scope.row)"
-            ></el-button>
+            >编辑</el-button>
           </el-tooltip>
           <el-tooltip
             v-if="scope.row.roleId !== 1"
-            content="数据权限"
+            content="分配菜单"
             placement="top"
           >
             <el-button
               v-hasPermi="['system:role:edit']"
-              link
+              plain
               type="primary"
               icon="CircleCheck"
               @click="handleDataScope(scope.row)"
-            ></el-button>
+            >分配菜单</el-button>
           </el-tooltip>
           <el-tooltip
             v-if="scope.row.roleId !== 1"
@@ -140,11 +128,24 @@
           >
             <el-button
               v-hasPermi="['system:role:edit']"
-              link
+              plain
               type="primary"
               icon="User"
               @click="handleAuthUser(scope.row)"
-            ></el-button>
+            >分配用户</el-button>
+          </el-tooltip>
+          <el-tooltip
+            v-if="scope.row.roleId !== 1"
+            content="删除"
+            placement="top"
+          >
+            <el-button
+              v-hasPermi="['system:role:remove']"
+              plain
+              type="danger"
+              icon="Delete"
+              @click="handleDelete(scope.row)"
+            >删除</el-button>
           </el-tooltip>
         </template>
       </el-table-column>