【修改】统一间距 按钮修改 增加权限

This commit is contained in:
zhoulingpo
2023-08-03 15:05:08 +08:00
parent 5b98e8f86f
commit b90805cb6b
5 changed files with 22 additions and 18 deletions
@@ -38,7 +38,9 @@ export default {
</script> </script>
<style> <style>
.main{ .main{
height: 100%; height: calc(100% - 100px);
overflow: auto; overflow-y: auto;
overflow-x: hidden;
} }
</style> </style>
@@ -23,8 +23,8 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.footer { .footer {
padding: 0 16px; //padding: 0 16px;
margin: 48px 0 24px; //margin: 48px 0 24px;
text-align: center; text-align: center;
.links { .links {
@@ -197,7 +197,9 @@ export default {
filter: invert(80%); filter: invert(80%);
} }
} }
.ant-card-body {
padding: 24px 24px 0 !important;
}
.layout { .layout {
min-height: 100vh !important; min-height: 100vh !important;
overflow-x: hidden; overflow-x: hidden;
@@ -40,11 +40,11 @@
<!-- 操作按钮区域 --> <!-- 操作按钮区域 -->
<div class="table-operator"> <div class="table-operator">
<a-button @click="handleAdd" type="default" icon="plus">新增</a-button> <a-button @click="handleAdd" type="default" icon="plus" v-has="'message:template:add'">新增</a-button>
<a-button type="default" icon="download" @click="handleExportXls('消息模板')">导出</a-button> <a-button type="default" icon="download" @click="handleExportXls('消息模板')" v-has="'message:template:export'">导出</a-button>
<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl"
@change="handleImportExcel" :before-upload='beforeUpload'> @change="handleImportExcel" :before-upload='beforeUpload'>
<a-button type="default" icon="import">导入</a-button> <a-button type="default" icon="import" v-has="'message:template:import'">导入</a-button>
</a-upload> </a-upload>
<a-dropdown v-if="selectedRowKeys.length > 0"> <a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu slot="overlay"> <a-menu slot="overlay">
@@ -53,7 +53,7 @@
删除 删除
</a-menu-item> </a-menu-item>
</a-menu> </a-menu>
<a-button style="margin-left: 8px"> 批量操作 <a-button style="margin-left: 8px" v-has="'message:template:batchdel'"> 批量操作
<a-icon type="down"/> <a-icon type="down"/>
</a-button> </a-button>
</a-dropdown> </a-dropdown>
@@ -85,18 +85,18 @@
</span> </span>
<span slot="action" slot-scope="text, record"> <span slot="action" slot-scope="text, record">
<a @click="handleEdit(record)">编辑</a> <a @click="handleEdit(record)" v-has="'message:template:edit'">编辑</a>
<a-divider type="vertical"/> <a-divider type="vertical"/>
<a-dropdown> <a-dropdown>
<a class="ant-dropdown-link">更多 <a-icon type="down"/></a> <a class="ant-dropdown-link">更多 <a-icon type="down"/></a>
<a-menu slot="overlay"> <a-menu slot="overlay">
<a-menu-item> <a-menu-item v-has="'message:template:del'">
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
<a>删除</a> <a>删除</a>
</a-popconfirm> </a-popconfirm>
</a-menu-item> </a-menu-item>
<a-menu-item> <a-menu-item v-has="'message:template:send'">
<a @click="handleTest(record)">发送测试</a> <a @click="handleTest(record)">发送测试</a>
</a-menu-item> </a-menu-item>
</a-menu> </a-menu>
@@ -24,7 +24,7 @@
<!-- 操作按钮区域 --> <!-- 操作按钮区域 -->
<div class="table-operator"> <div class="table-operator">
<a-button @click="handleAdd" type="default" icon="plus">新增</a-button> <a-button @click="handleAdd" type="default" icon="plus" v-has="'annount:cement:add'">新增</a-button>
<a-dropdown v-if="selectedRowKeys.length > 0"> <a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu slot="overlay"> <a-menu slot="overlay">
<a-menu-item key="1" @click="batchDel"> <a-menu-item key="1" @click="batchDel">
@@ -58,23 +58,23 @@
@change="handleTableChange"> @change="handleTableChange">
<span slot="action" slot-scope="text, record"> <span slot="action" slot-scope="text, record">
<a v-if="(record.sendStatus + '') === '0'" @click="handleEdit(record)">编辑</a> <a v-has="'annount:cement:edit'" v-if="(record.sendStatus + '') === '0'" @click="handleEdit(record)">编辑</a>
<a-divider type="vertical" v-if="(record.sendStatus + '') === '0'"/> <a-divider type="vertical" v-if="(record.sendStatus + '') === '0'"/>
<a-dropdown> <a-dropdown>
<a class="ant-dropdown-link">更多 <a-icon type="down"/></a> <a class="ant-dropdown-link">更多 <a-icon type="down"/></a>
<a-menu slot="overlay"> <a-menu slot="overlay">
<a-menu-item v-if="(record.sendStatus + '') !== '1'"> <a-menu-item v-if="(record.sendStatus + '') !== '1'" v-has="'annount:cement:del'">
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
<a>删除</a> <a >删除</a>
</a-popconfirm> </a-popconfirm>
</a-menu-item> </a-menu-item>
<a-menu-item v-if="(record.sendStatus + '') === '0'"> <a-menu-item v-if="(record.sendStatus + '') === '0'" v-has="'annount:cement:send'">
<a-popconfirm title="确定发布吗?" @confirm="() => releaseData(record.id)"> <a-popconfirm title="确定发布吗?" @confirm="() => releaseData(record.id)">
<a>发布</a> <a>发布</a>
</a-popconfirm> </a-popconfirm>
</a-menu-item> </a-menu-item>
<a-menu-item v-if="(record.sendStatus + '') === '1'"> <a-menu-item v-if="(record.sendStatus + '') === '1'" v-has="'annount:cement:reback'">
<a-popconfirm title="确定撤销吗?" @confirm="() => reovkeData(record.id)"> <a-popconfirm title="确定撤销吗?" @confirm="() => reovkeData(record.id)">
<a>撤销</a> <a>撤销</a>
</a-popconfirm> </a-popconfirm>