按钮权限

main
许宏杰 3 weeks ago
parent 93908a8b61
commit c7a1c740cd

@ -147,4 +147,18 @@
justify-content: center;
padding: 10px;
}
}
.table-operation-row{
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px !important;
.el-button+.el-button{
margin: 0;
}
.el-button{
margin: 0 5px !important;
font-weight: 500;
font-size: 16px;
}
}

@ -225,15 +225,15 @@ function toggleTheme() {
margin-right: 25px;
.avatar-wrapper {
margin-top: 5px;
position: relative;
display: flex;
align-items: center;
gap: 10px;
.user-avatar {
cursor: pointer;
width: 40px;
height: 40px;
width: 54px;
height: 54px;
border-radius: 50%;
border: 1px solid white;
}

@ -3,122 +3,76 @@
<section style="height: 100%">
<tablePage @handlerAdd="handlerAdd()" @handlerExport="handlerExport()">
<template #search>
<el-form
:model="queryParams"
ref="queryRef"
:inline="true"
label-width="68px"
class="search-form"
>
<el-form :model="queryParams" ref="queryRef" :inline="true" label-width="68px" class="search-form">
<el-form-item label="工单地址" prop="gdms">
<el-input
v-model="queryParams.gdms"
placeholder="请输入"
clearable
/>
<el-input v-model="queryParams.gdms" placeholder="请输入" clearable />
</el-form-item>
<el-form-item label="工单类型" prop="gdType">
<el-input
v-model="queryParams.gdType"
placeholder="请输入"
clearable
/>
<el-input v-model="queryParams.gdType" placeholder="请输入" clearable />
</el-form-item>
<el-form-item label="工单等级" prop="gdLevel">
<el-input
v-model="queryParams.gdLevel"
placeholder="请输入"
clearable
/>
<el-input v-model="queryParams.gdLevel" placeholder="请输入" clearable />
</el-form-item>
<el-form-item label="工单状态" prop="status">
<el-input
v-model="queryParams.status"
placeholder="请输入"
clearable
/>
<el-input v-model="queryParams.status" placeholder="请输入" clearable />
</el-form-item>
<el-form-item label="录入时间" prop="userName">
<el-input
v-model="queryParams.userName"
placeholder="请输入"
clearable
/>
<el-input v-model="queryParams.userName" placeholder="请输入" clearable />
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button
>
<el-button type="primary" icon="Search" @click="handleQuery"></el-button>
<el-button icon="Refresh" @click="resetQuery"></el-button>
</el-form-item>
</el-form>
</template>
<template #table>
<el-table
v-loading="loading"
:data="list"
height="100%"
:header-cell-style="proxy.getTableHeaderStyle"
:cell-style="proxy.getTablerowStyle"
>
<el-table v-loading="loading" :data="list" height="100%" :header-cell-style="proxy.getTableHeaderStyle"
:cell-style="proxy.getTablerowStyle">
<!-- <el-table-column type="selection" width="50" align="center" /> -->
<el-table-column
label="工单地址"
align="center"
key="address"
prop="address"
/>
<el-table-column
label="工单类型"
align="center"
key="gdType"
prop="gdType"
>
<el-table-column label="工单地址" align="center" key="address" prop="address" />
<el-table-column label="工单类型" align="center" key="gdType" prop="gdType">
<template #default="scope">
<dict-tag :options="gdlx" :value="scope.row.gdType" />
</template>
</el-table-column>
<el-table-column
label="工单等级"
align="center"
key="gdLevel"
prop="gdLevel"
/>
<el-table-column
label="录入时间"
align="center"
key="createTime"
prop="createTime"
/>
<el-table-column
label="工单状态"
align="center"
key="status"
prop="status"
>
<el-table-column label="工单等级" align="center" key="gdLevel" prop="gdLevel" />
<el-table-column label="录入时间" align="center" key="createTime" prop="createTime" />
<el-table-column label="工单状态" align="center" key="status" prop="status">
<template #default="scope">
<dict-tag :options="gd_status" :value="scope.row.status" />
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
width="150"
class-name="small-padding fixed-width"
>
<el-table-column label="操作" align="center" width="400" class-name="small-padding fixed-width ">
<template #default="scope">
<div class="table-operation-row">
<section v-show="scope.row.status == 0">
<el-button link type="primary" icon="FolderAdd">勘察录入</el-button>
<el-button link type="primary" icon="FolderRemove">退单</el-button>
</section>
<section v-show="scope.row.status == 1">
<el-button link type="primary" icon="User">派发</el-button>
<el-button link type="primary" icon="Edit">编辑</el-button>
</section>
<section v-show="scope.row.status == 4">
<el-button link type="primary" icon="ChatRound">处理反馈</el-button>
<el-button link type="primary" icon="Bell">消息催办</el-button>
<el-button link type="primary" icon="Switch">转派</el-button>
</section>
<section>
<el-button link type="primary" icon="View">查看</el-button>
<el-button link type="primary" icon="Delete"
v-show="scope.row.status != 0 && scope.row.status != 3">删除</el-button>
</section>
</div>
</template>
</el-table-column>
</el-table>
</template>
<template #pagination>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.current"
v-model:limit="queryParams.size"
@pagination="getList"
/>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.current"
v-model:limit="queryParams.size" @pagination="getList" />
</template>
</tablePage>
<!-- 工单 -->
@ -194,7 +148,7 @@ const handlerAdd = () => {
/**
* 导出
*/
const handlerExport = () => {};
const handlerExport = () => { };
const handlerInfo = () => {
proxy.setActiveMenu();

Loading…
Cancel
Save