Commit 4905a21a authored by Mr.Tang's avatar Mr.Tang

按钮样式修改

parent 48fea4fe
<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>
......
......@@ -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>
......
......@@ -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>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment