1、会议室设置

apps/web-antd/src/views/property/roomBooking/conferenceSettings/index.vue

@@ -13,9 +13,12 @@ import {
   meetRemove,
 } from '#/api/property/roomBooking/conferenceSettings';
 import type { MeetForm } from '#/api/property/roomBooking/conferenceSettings/model';
-import ConferenceSettingsModal from './conferenceSettings-modal.vue';
+import conferenceSettingsModal from './conferenceSettings-modal.vue';
 import ConferenceSettingsDetail from './conferenceSettings-detail.vue';
 import { columns, querySchema } from './data';
+import {TableSwitch} from "#/components/table";
+import {meetUpdate} from '#/api/property/roomBooking/conferenceSettings';
+import {useAccess} from "@vben/access";
 
 const formOptions: VbenFormProps = {
   commonConfig: {
@@ -62,8 +65,8 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
   gridOptions,
 });
 
-const [conferenceSettingsModal, modalApi] = useVbenModal({
-  connectedComponent: ConferenceSettingsModal,
+const [ConferenceSettingsModal, modalApi] = useVbenModal({
+  connectedComponent: conferenceSettingsModal,
 });
 
 const [ConferenceSettingsDetailModal, ConferenceSettingsDetailApi] = useVbenModal({
@@ -103,6 +106,8 @@ function handleMultiDelete() {
     },
   });
 }
+
+const { hasAccessByCodes } = useAccess();
 </script>
 
 <template>
@@ -156,8 +161,18 @@ function handleMultiDelete() {
           </Popconfirm>
         </Space>
       </template>
+      <template #status="{ row }">
+        <TableSwitch
+          :checkedValue="0"
+          :unCheckedValue="1"
+          v-model:value="row.status"
+          :api="() => meetUpdate(row)"
+          :disabled=" !hasAccessByCodes(['system:meet:edit'])"
+          @reload="() => tableApi.query()"
+        />
+      </template>
     </BasicTable>
-    <conferenceSettingsModal @reload="tableApi.query()" />
+    <ConferenceSettingsModal @reload="tableApi.query()" />
     <ConferenceSettingsDetailModal/>
   </Page>
 </template>