会议管理

apps/web-antd/src/views/property/greenPlantRentalManagement/conservationManagement/index.vue

@@ -2,6 +2,7 @@
 import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui';
 import { getVxePopupContainer } from '@vben/utils';
 import { Modal, Popconfirm, Space } from 'ant-design-vue';
+import { $t } from '@vben/locales';
 import {
   useVbenVxeGrid,
   vxeCheckboxChecked,
@@ -14,6 +15,7 @@ import {
 import type { OrderMaintainForm } from '#/api/property/conservationManagement/model';
 import orderMaintainModal from './orderMaintain-modal.vue';
 import { columns, querySchema } from './data';
+import orderMaintainDetail from "#/views/property/greenPlantRentalManagement/conservationManagement/orderMaintain-detail.vue";
 
 const formOptions: VbenFormProps = {
   commonConfig: {
@@ -61,6 +63,15 @@ const [OrderMaintainModal, modalApi] = useVbenModal({
   connectedComponent: orderMaintainModal,
 });
 
+const [orderMaintainDetailModal, orderMaintainDetailApi] = useVbenModal({
+  connectedComponent: orderMaintainDetail,
+});
+
+async function handleInfo(row: Required<OrderMaintainForm>) {
+  orderMaintainDetailApi.setData({ id: row.id });
+  orderMaintainDetailApi.open();
+}
+
 function handleAdd() {
   modalApi.setData({});
   modalApi.open();
@@ -115,6 +126,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="['property:orderMaintain:edit']"
             @click.stop="handleEdit(row)"
@@ -139,5 +155,6 @@ function handleMultiDelete() {
       </template>
     </BasicTable>
     <OrderMaintainModal @reload="tableApi.query()" />
+    <orderMaintainDetailModal/>
   </Page>
 </template>