Commit 8139831eb076c7cc76c3b8f84f6eb88763390815

Authored by fengwotao
1 parent a2461521

pref: DEFECT-1811 优化超管和租户管理员公共接口批量发布按钮颜色(绿色)

... ... @@ -30,7 +30,9 @@
30 30 cancel-text="取消"
31 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 36 </Popconfirm>
35 37 </Authority>
36 38 <!-- <Popconfirm
... ... @@ -93,7 +95,7 @@
93 95 <PublicApiForm @register="registerDrawer" @success="handleSuccess" />
94 96 </template>
95 97 <script lang="ts" setup name="list">
96   - import { h, ref } from 'vue';
  98 + import { h, ref, computed } from 'vue';
97 99 import { BasicTable, useTable, TableAction } from '/@/components/Table';
98 100 import { useDrawer } from '/@/components/Drawer';
99 101 import { columns, searchFormSchema } from './config/config';
... ... @@ -150,6 +152,14 @@
150 152
151 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 163 const handleSuccess = () => {
154 164 reload();
155 165 setStatusIsTrue();
... ...