Commit 8139831eb076c7cc76c3b8f84f6eb88763390815
1 parent
a2461521
pref: DEFECT-1811 优化超管和租户管理员公共接口批量发布按钮颜色(绿色)
Showing
1 changed file
with
12 additions
and
2 deletions
@@ -30,7 +30,9 @@ | @@ -30,7 +30,9 @@ | ||
30 | cancel-text="取消" | 30 | cancel-text="取消" |
31 | @confirm="handleBatchPublish('batchPublish')" | 31 | @confirm="handleBatchPublish('batchPublish')" |
32 | > | 32 | > |
33 | - <a-button color="error" :disabled="hasBatchPublish"> 批量发布 </a-button> | 33 | + <a-button :style="publishButtonBg" :disabled="hasBatchPublish"> |
34 | + <span :style="publishButtonTextColor">批量发布</span> | ||
35 | + </a-button> | ||
34 | </Popconfirm> | 36 | </Popconfirm> |
35 | </Authority> | 37 | </Authority> |
36 | <!-- <Popconfirm | 38 | <!-- <Popconfirm |
@@ -93,7 +95,7 @@ | @@ -93,7 +95,7 @@ | ||
93 | <PublicApiForm @register="registerDrawer" @success="handleSuccess" /> | 95 | <PublicApiForm @register="registerDrawer" @success="handleSuccess" /> |
94 | </template> | 96 | </template> |
95 | <script lang="ts" setup name="list"> | 97 | <script lang="ts" setup name="list"> |
96 | - import { h, ref } from 'vue'; | 98 | + import { h, ref, computed } from 'vue'; |
97 | import { BasicTable, useTable, TableAction } from '/@/components/Table'; | 99 | import { BasicTable, useTable, TableAction } from '/@/components/Table'; |
98 | import { useDrawer } from '/@/components/Drawer'; | 100 | import { useDrawer } from '/@/components/Drawer'; |
99 | import { columns, searchFormSchema } from './config/config'; | 101 | import { columns, searchFormSchema } from './config/config'; |
@@ -150,6 +152,14 @@ | @@ -150,6 +152,14 @@ | ||
150 | 152 | ||
151 | const { createMessage } = useMessage(); | 153 | const { createMessage } = useMessage(); |
152 | 154 | ||
155 | + const publishButtonBg = computed(() => { | ||
156 | + return { backgroundColor: `rgba(0, 128, 0, ${hasBatchPublish.value ? 0.5 : 1})` }; | ||
157 | + }); | ||
158 | + | ||
159 | + const publishButtonTextColor = computed(() => { | ||
160 | + return { color: `rgba(255, 255, 255, ${hasBatchPublish.value ? 0.5 : 1})` }; | ||
161 | + }); | ||
162 | + | ||
153 | const handleSuccess = () => { | 163 | const handleSuccess = () => { |
154 | reload(); | 164 | reload(); |
155 | setStatusIsTrue(); | 165 | setStatusIsTrue(); |