feat: 消息配置 配置状态和查看配置新增权限控制

@@ -17,16 +17,26 @@
         </Authority>
         </Authority>
       </template>
       </template>
       <template #config="{ record }">
       <template #config="{ record }">
-        <a-button type="link" class="ml-2" @click="showData(record)"> 查看配置 </a-button>
+        <Authority value="api:yt:message:get">
+          <a-button type="link" class="ml-2" @click="showData(record)"> 查看配置 </a-button>
+        </Authority>
       </template>
       </template>
       <template #status="{ record }">
       <template #status="{ record }">
-        <Switch
-          :checked="record.status === 1"
-          :loading="record.pendingStatus"
-          checkedChildren="启用"
-          unCheckedChildren="禁用"
-          @change="(checked:boolean)=>statusChange(checked,record)"
-        />
+        <Authority value="api:yt:message:status">
+          <Switch
+            :checked="record.status === 1"
+            :loading="record.pendingStatus"
+            checkedChildren="启用"
+            unCheckedChildren="禁用"
+            @change="(checked:boolean)=>statusChange(checked,record)"
+          />
+        </Authority>
+        <Tag
+          v-if="!hasPermission('api:yt:message:status')"
+          :color="record.status ? 'green' : 'red'"
+        >
+          {{ record.status ? '启用' : '禁用' }}
+        </Tag>
       </template>
       </template>
       <template #action="{ record }">
       <template #action="{ record }">
         <TableAction
         <TableAction
@@ -62,18 +72,20 @@
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
   import ConfigDrawer from './ConfigDrawer.vue';
   import ConfigDrawer from './ConfigDrawer.vue';
   import { columns, searchFormSchema } from './config.data';
   import { columns, searchFormSchema } from './config.data';
-  import { Modal, Popconfirm } from 'ant-design-vue';
+  import { Modal, Popconfirm, Tag } from 'ant-design-vue';
   import { JsonPreview } from '/@/components/CodeEditor';
   import { JsonPreview } from '/@/components/CodeEditor';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { Switch } from 'ant-design-vue';
   import { Switch } from 'ant-design-vue';
   import { setMessageConfigStatus } from '/@/api/message/config';
   import { setMessageConfigStatus } from '/@/api/message/config';
   import { Authority } from '/@/components/Authority';
   import { Authority } from '/@/components/Authority';
+  import { usePermission } from '/@/hooks/web/usePermission';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'MessageConfigManagement',
     name: 'MessageConfigManagement',
-    components: { BasicTable, ConfigDrawer, TableAction, Switch, Authority, Popconfirm },
+    components: { BasicTable, ConfigDrawer, TableAction, Switch, Authority, Popconfirm, Tag },
     setup() {
     setup() {
+      const { hasPermission } = usePermission();
       const [registerDrawer, { openDrawer }] = useDrawer();
       const [registerDrawer, { openDrawer }] = useDrawer();
       function handleSuccess() {
       function handleSuccess() {
         reload();
         reload();
@@ -168,6 +180,7 @@
         handleDeleteOrBatchDelete,
         handleDeleteOrBatchDelete,
         hasBatchDelete,
         hasBatchDelete,
         statusChange,
         statusChange,
+        hasPermission,
       };
       };
     },
     },
   });
   });