【服务包弹窗】占满屏幕，可参考UI

src/pages/index/care/conditioningRecord.vue

@@ -153,11 +153,13 @@ onMounted(() => {
 function conditioningProcess(model?: ConditioningRecordListModel, index?: number) {
   VxeUI.modal.open({
     title: model?.id ? `调养过程` : `新增调养过程`,
-    height: 700,
-    width: 1200,
-    position: {
-      top: Math.min(100, window.innerHeight * 0.1),
-    },
+    // height: 700,
+    // width: 1200,
+    height: window.innerHeight,
+    width: window.innerWidth,
+    // position: {
+    //   top: Math.min(100, window.innerHeight * 0.1),
+    // },
     escClosable: true,
     destroyOnClose: true,
     id: `plan-modal`,
@@ -181,12 +183,14 @@ function serviceDetail(model?: ConditioningRecordListModel, index?: number) {
   const types='record'
     VxeUI.modal.open({
     id: 'servicePackageDetail-modal',
-    title: '系统服务',
-    height: 700,
-    width: 1200,
-    position: {
-      top: Math.min(100, window.innerHeight * 0.1),
-    },
+    title: '调养详情',
+    // height: 700,
+    // width: 1200,
+    height: window.innerHeight,
+    width: window.innerWidth,
+    // position: {
+    //   top: Math.min(100, window.innerHeight * 0.1),
+    // },
     escClosable: true,
     destroyOnClose: true,
     slots: {

src/pages/index/care/institutionService.vue

@@ -131,7 +131,7 @@ const gridOptions = reactive<VxeGridProps<SystemCwModel>>({
           { content: '删除', status: 'primary', name: 'deleteInstitution' },
         ],
         events: {
-          click({ row, rowIndex }, { name }) {
+          click({ row, rowIndex }:any, { name }:any) {
             let method;
             if (name === 'editInstitution') {
               method = editInstitution;
@@ -169,8 +169,10 @@ function seeInstitutionDetail(model: SystemCwModel, index: number) {
   const types = 'institution';
   VxeUI.modal.open({
     title: model?.id ? `机构服务详情` : `新增机构服务`,
-    height: 700,
-    width: 1000,
+    // height: 700,
+    // width: 1000,
+    height: window.innerHeight,
+    width: window.innerWidth,
     escClosable: true,
     destroyOnClose: true,
     id: `servicePackageDetail-modal`,
@@ -212,8 +214,10 @@ function editInstitution(model?: SystemCwModel, index?: number) {
   const types = 'institution';
   VxeUI.modal.open({
     title: model?.id ? `修改机构服务` : `新增机构服务`,
-    height: 700,
-    width: 1200,
+    // height: 700,
+    // width: 1200,
+    height: window.innerHeight,
+    width: window.innerWidth,
     // position: {
     //   top: Math.min(100, window.innerHeight * 0.1),
     //   left: Math.min(100, window.innerWidth * 0.1),

src/pages/index/care/issueService.vue

@@ -222,8 +222,10 @@ function openRecord(item: any) {
   VxeUI.modal.open({
     id: 'servicePackageDetail-modal',
     title: '调养记录',
-    height: 700,
-    width: 1200,
+    // height: 700,
+    // width: 1200,
+    height: window.innerHeight,
+    width: window.innerWidth,
     escClosable: true,
     destroyOnClose: true,
     slots: {

src/pages/index/care/systemService.vue

@@ -182,8 +182,10 @@ function seeInstitution(model?: SystemCwModel, index?: number) {
   VxeUI.modal.open({
     id: 'servicePackageDetail-modal',
     title: '系统服务',
-    height: 700,
-    width: 1000,
+    // height: 700,
+    // width: 1000,
+    height: window.innerHeight,
+    width: window.innerWidth,
     escClosable: true,
     destroyOnClose: true,
     slots: {
@@ -200,8 +202,10 @@ function editSystemService(model?: SystemCwModel, index?: number) {
   VxeUI.modal.open({
     id: 'edit-system-service-modal',
     title: model?.id ? `修改系统服务` : `新增系统服务`,
-    height: 700,
-    width: 1200,
+    // height: 700,
+    // width: 1200,
+    height: window.innerHeight,
+    width: window.innerWidth,
     // position: {
     //   top: Math.min(100, window.innerHeight * 0.1),
     // },