会议管理

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

@@ -13,7 +13,8 @@ import {
   meetRemove,
 } from '#/api/property/roomBooking/conferenceSettings';
 import type { MeetForm } from '#/api/property/roomBooking/conferenceSettings/model';
-import meetModal from './meet-modal.vue';
+import ConferenceSettingsModal from './conferenceSettings-modal.vue';
+import ConferenceSettingsDetail from './conferenceSettings-detail.vue';
 import { columns, querySchema } from './data';
 
 const formOptions: VbenFormProps = {
@@ -61,10 +62,19 @@ const [BasicTable, tableApi] = useVbenVxeGrid({
   gridOptions,
 });
 
-const [MeetModal, modalApi] = useVbenModal({
-  connectedComponent: meetModal,
+const [conferenceSettingsModal, modalApi] = useVbenModal({
+  connectedComponent: ConferenceSettingsModal,
 });
 
+const [ConferenceSettingsDetailModal, ConferenceSettingsDetailApi] = useVbenModal({
+  connectedComponent: ConferenceSettingsDetail,
+});
+
+async function handleInfo(row: Required<MeetForm>) {
+  ConferenceSettingsDetailApi.setData({ id: row.id });
+  ConferenceSettingsDetailApi.open();
+}
+
 function handleAdd() {
   modalApi.setData({});
   modalApi.open();
@@ -119,6 +129,11 @@ function handleMultiDelete() {
       </template>
       <template #action="{ row }">
         <Space>
+          <ghost-button
+            @click.stop="handleInfo(row)"
+          >
+            {{ $t('pages.common.info') }}
+          </ghost-button>
           <ghost-button
             v-access:code="['system:meet:edit']"
             @click.stop="handleEdit(row)"
@@ -142,6 +157,7 @@ function handleMultiDelete() {
         </Space>
       </template>
     </BasicTable>
-    <MeetModal @reload="tableApi.query()" />
+    <conferenceSettingsModal @reload="tableApi.query()" />
+    <ConferenceSettingsDetailModal/>
   </Page>
 </template>