fix(系统设置): 服务集成页面fix修复

frontend/src/components/pure/ms-form-create/formCreate.vue

@@ -1,20 +1,35 @@
 <template>
-  <FormCreate v-model:api="fApi" :rule="rule" :option="option"></FormCreate>
+  <FormCreate v-model:api="formApi" :rule="rule" :option="option"></FormCreate>
 </template>
 
 <script setup lang="ts">
+  import { ref, watchEffect, watch } from 'vue';
   import PassWord from './formcreate-password.vue';
-  import formCreate, { Rule, Api } from '@form-create/arco-design';
+  import formCreate, { Rule } from '@form-create/arco-design';
 
   formCreate.component('PassWord', PassWord);
   const FormCreate = formCreate.$form();
 
-  defineProps<{
-    rule: Rule[];
-    option: any;
+  const props = defineProps<{
+    rule: Rule[]; // 表单的规则
+    option: any; // 全局配置项
+    api: any; // 收集表单的值
   }>();
 
-  const fApi = {};
+  const emits = defineEmits<{
+    (e: 'update:api', val: any): void;
+  }>();
+  const formApi = ref({});
+
+  watchEffect(() => {
+    formApi.value = props.api;
+  });
+  watch(
+    () => formApi.value,
+    (val) => {
+      emits('update:api', val);
+    }
+  );
 </script>
 
 <style scoped></style>

frontend/src/views/setting/organization/serviceIntegration/components/conifgModal.vue

@@ -64,7 +64,6 @@
   );
 
   const handleCancel = () => {
-    fApi.value.resetFields();
     detailVisible.value = false;
   };
   const submit = () => {

frontend/src/views/setting/organization/serviceIntegration/components/serviceList.vue

@@ -73,14 +73,14 @@
       </div>
     </div>
   </MsCard>
-  <ShowModal v-model:visible="serviceVisible" :rule="createRules" />
+  <ConfigModal v-model:visible="serviceVisible" :rule="createRules" />
 </template>
 
 <script setup lang="ts">
   import { ref, onMounted, reactive } from 'vue';
   import { useI18n } from '@/hooks/useI18n';
   import MsCard from '@/components/pure/ms-card/index.vue';
-  import ShowModal from './showModal.vue';
+  import ConfigModal from './conifgModal.vue';
 
   const { t } = useI18n();
 

frontend/src/views/setting/organization/serviceIntegration/index.vue

@@ -7,8 +7,8 @@
             <span v-if="active" class="text-[rgb(var(--primary-6))]">{{ t('organization.service.packUp') }}</span>
             <span v-else class="text-[rgb(var(--primary-6))]">{{ t('organization.service.expand') }}</span>
           </template>
-          <div class="mt-[16px] flex w-[100%] flex-row justify-between text-sm font-normal">
-            <div v-for="(item, index) in cardContent" :key="index" class="item" :class="`ms-item-${index}`">
+          <div class="flex w-[100%] flex-row justify-between text-sm font-normal">
+            <div v-for="(item, index) in cardContent" :key="item.id" class="item" :class="`ms-item-${index}`">
               <span>
                 <svg-icon width="64px" height="46px" :name="item.icon" />
               </span>
@@ -51,6 +51,7 @@
   const { t } = useI18n();
   const cardContent = ref([
     {
+      id: '1001',
       icon: 'configplugin',
       title: 'organization.service.downloadPluginOrDev',
       skipTitle: [
@@ -67,6 +68,7 @@
       description: 'organization.service.description',
     },
     {
+      id: '1002',
       icon: 'downloadplugin',
       title: 'organization.service.configPlugin',
       skipTitle: [