完善多条辨识仪配置录入

7bf3c32845cda5daf86bf135b38a5acd2182a14a

src/components/EditMoreConfigured.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { tryOnMounted } from '@vueuse/core';
 import { useRequest } from 'alova/client';
 import { batchUpdateDeviceManageMethod, getDeviceManageDetailMethod, updateDeviceManageMethod } from '@/request/api/device.api';
 import { notification } from 'ant-design-vue';
@@ -35,7 +36,7 @@ const tableData = computed<DeviceManageModel[]>(() => {
 
 // 设备ID增删在批量配置不需要
 let ids = ref<string[]>([]);
-onBeforeMount(async () => {
+tryOnMounted(async () => {
   if (props.data && Array.isArray(props.data) && props.data.length > 1) {
     props.data?.forEach((item: any) => {
       ids.value.push(item.id);
@@ -48,15 +49,12 @@ onBeforeMount(async () => {
 // 初始化数据
 const mock = () => {
   return {
-    tabletProcessModules: ['patient_file', 'tongueface_upload', 'tongueface_analysis', 'health_analysis?'],
-    tabletFileFields: ['phone:required', 'cardno', 'name', 'sex', 'age', 'height', 'weight', 'is_easy_allergy'],
+    tabletProcessModules: ['patient_file', 'tongueface_upload', 'tongueface_analysis', 'health_analysis'],
+    tabletFileFields: ['phone:required', 'sex', 'age', 'isEasyAllergy'],
     tabletRequiredPageOperationElements: [
-      'tongueface_upload_report_page_appletscan',
-      'health_analysis_report_page_appletbutton',
-      'health_analysis_report_page_appletscan',
-      'health_analysis_scheme_page_appletbutton',
+      'health_analysis_report_page_appletbutton'
     ],
-    technicalSupporter: '杭州六智科技有限公司',
+    technicalSupporter: '',
   };
 };
 const flowRef = useTemplateRef<InstanceType<typeof AioFlowConfig>>('flow');
@@ -76,8 +74,8 @@ const reset = () => {
 </script>
 
 <template>
-  <div class="two-pane">
-    <div class="left form-container">
+  <div class="two-pane h-full">
+    <div class="left form-container flex flex-col">
       <!-- 流程配置 -->
       <div class="flex-auto content-container">
         <div class="title">流程配置</div>
@@ -92,9 +90,9 @@ const reset = () => {
       </div>
     </div>
     <!-- 右侧设备列表 -->
-    <div class="right table-container">
-      <div class="table-title">待配置设备</div>
-      <div class="table-wrapper">
+    <div class="right table-container flex flex-col">
+      <div class="table-title flex-none">待配置设备</div>
+      <div class="table-wrapper flex-auto">
         <table class="simple-table">
           <thead>
             <tr>
@@ -119,7 +117,7 @@ const reset = () => {
 <style scoped lang="scss">
 .content-container {
   width: 100%;
-  height: 600px;
+  //height: 600px;
   display: flex;
   flex-direction: column;
   > div:not(.title) {
@@ -149,7 +147,7 @@ const reset = () => {
 }
 .table-wrapper {
   border: 1px solid #eee;
-  height: 100%;
+  //height: 100%;
   overflow: auto;
 }
 .simple-table {
@@ -163,7 +161,7 @@ const reset = () => {
   text-align: left;
 }
 .form-container {
-  padding: 20px;
+  //padding: 20px;
 }
 .section-divider {
   height: 1px;