diff --git a/front/src/views/home/AbilityToApplyFor.vue b/front/src/views/home/AbilityToApplyFor.vue
index 7a863bd2..fa791bc4 100644
--- a/front/src/views/home/AbilityToApplyFor.vue
+++ b/front/src/views/home/AbilityToApplyFor.vue
@@ -49,8 +49,8 @@
             <div class="description">
               {{
                 val.description ||
-                (val.note1 &&
-                  JSON.parse(val.note1)[0].channelName +
+                ((val.note1 || '') &&
+                 ( JSON.parse(val.note1)[0].channelName || '--') +
                     '等' +
                     JSON.parse(val.note1).length +
                     '个摄像头') ||
diff --git a/front/src/views/home/apply.vue b/front/src/views/home/apply.vue
index 74cfa2f4..26d1c68a 100644
--- a/front/src/views/home/apply.vue
+++ b/front/src/views/home/apply.vue
@@ -11,150 +11,61 @@
         </div>
         <div class="form-container">
           <div v-if="applySuccess">
-            <a-form
-              ref="formRef"
-              :model="formName"
-              name="basic"
-              :label-col="{ style: { width: '106px' } }"
-              :wrapper-col="{ style: { width: '230px' } }"
-              labelAlign="left"
-              autocomplete="off"
-            >
+            <a-form ref="formRef" :model="formName" name="basic" :label-col="{ style: { width: '106px' } }"
+              :wrapper-col="{ style: { width: '230px' } }" labelAlign="left" autocomplete="off">
               <div class="base-info">
-                <a-form-item
-                  label="申请标题"
-                  name="title"
-                  :rules="[{ required: true, message: '请输入申请标题' }]"
-                >
-                  <a-input
-                    placeholder="请输入能力申请标题"
-                    v-model:value="formName.title"
-                  />
+                <a-form-item label="申请标题" name="title" :rules="[{ required: true, message: '请输入申请标题' }]">
+                  <a-input placeholder="请输入能力申请标题" v-model:value="formName.title" />
                 </a-form-item>
               </div>
               <div class="base-info">
-                <a-form-item
-                  label="申请人信息"
-                  name="user"
-                  :rules="[{ required: true, message: '请输入申请人' }]"
-                >
-                  <a-input
-                    placeholder="请输入申请人"
-                    v-model:value="formName.user"
-                    disabled
-                  />
+                <a-form-item label="申请人信息" name="user" :rules="[{ required: true, message: '请输入申请人' }]">
+                  <a-input placeholder="请输入申请人" v-model:value="formName.user" disabled />
                 </a-form-item>
 
-                <a-form-item
-                  style="margin: 0 22px"
-                  label="电话"
-                  name="phone"
-                  :rules="[
-                    {
-                      required: true,
-                      pattern: /^1[3456789]\d{9}$/,
-                      message: '请输入正确的电话号码',
-                    },
-                  ]"
-                >
-                  <a-input
-                    placeholder="请输入申请人电话"
-                    v-model:value="formName.phone"
-                  />
+                <a-form-item style="margin: 0 22px" label="电话" name="phone" :rules="[
+                  {
+                    required: true,
+                    pattern: /^1[3456789]\d{9}$/,
+                    message: '请输入正确的电话号码',
+                  },
+                ]">
+                  <a-input placeholder="请输入申请人电话" v-model:value="formName.phone" />
                 </a-form-item>
 
-                <a-form-item
-                  label="单位"
-                  name="unit"
-                  :rules="[{ required: true, message: '请输入单位' }]"
-                >
-                  <a-input
-                    placeholder="请输入单位"
-                    v-model:value="formName.unit"
-                    disabled
-                  />
+                <a-form-item label="单位" name="unit" :rules="[{ required: true, message: '请输入单位' }]">
+                  <a-input placeholder="请输入单位" v-model:value="formName.unit" disabled />
                 </a-form-item>
               </div>
               <div class="base-info" v-if="flag">
-                <a-form-item
-                  label="应用系统"
-                  name="applicationSystem"
-                  :rules="[{ required: true, message: '请选择应用系统' }]"
-                >
-                  <a-select
-                    v-model:value="formName.applicationSystem"
-                    show-search
-                    placeholder="请输入关键字"
-                    style="width: 200px"
-                    :options="systemOptions"
-                    @focus="handleFocus"
-                    @blur="handleBlur"
-                    @change="systemHandleChange"
-                    @search="systemHandleSearch"
-                  ></a-select>
+                <a-form-item label="应用系统" name="applicationSystem" :rules="[{ required: true, message: '请选择应用系统' }]">
+                  <a-select v-model:value="formName.applicationSystem" show-search placeholder="请输入关键字"
+                    style="width: 200px" :options="systemOptions" @focus="handleFocus" @blur="handleBlur"
+                    @change="systemHandleChange" @search="systemHandleSearch"></a-select>
                 </a-form-item>
-                <a-form-item
-                  class="applicationScene"
-                  label="应用领域"
-                  name="applicationScene"
-                  :rules="[{ required: true, message: '请选择应用领域' }]"
-                  style="width: 6.93rem"
-                >
-                  <a-select
-                    v-model:value="formName.applicationScene"
-                    :options="applicationSceneOpthion"
-                    mode="tags"
-                    :size="size"
-                    placeholder="请选择应用领域"
-                    :filterOption="false"
-                    :searchValue="false"
-                    style="width: 5.87rem"
-                  ></a-select>
+                <a-form-item class="applicationScene" label="应用领域" name="applicationScene"
+                  :rules="[{ required: true, message: '请选择应用领域' }]" style="width: 6.93rem">
+                  <a-select v-model:value="formName.applicationScene" :options="applicationSceneOpthion" mode="tags"
+                    :size="size" placeholder="请选择应用领域" :filterOption="false" :searchValue="false"
+                    style="width: 5.87rem"></a-select>
                 </a-form-item>
               </div>
               <div>
-                <a-form-item
-                  label="应用背景"
-                  name="applicationBackground"
-                  :rules="[{ required: true, message: '请输入应用背景' }]"
-                >
-                  <a-textarea
-                    placeholder="请输入应用背景"
-                    v-model:value="formName.applicationBackground"
-                    :rows="4"
-                  />
+                <a-form-item label="应用背景" name="applicationBackground"
+                  :rules="[{ required: true, message: '请输入应用背景' }]">
+                  <a-textarea placeholder="请输入应用背景" v-model:value="formName.applicationBackground" :rows="4" />
                 </a-form-item>
               </div>
               <div>
-                <a-form-item
-                  label="期望效果"
-                  name="effectWish"
-                  :rules="[{ required: true, message: '请输入期望效果' }]"
-                >
-                  <a-textarea
-                    placeholder="请输入期望效果"
-                    v-model:value="formName.effectWish"
-                    :rows="4"
-                  />
+                <a-form-item label="期望效果" name="effectWish" :rules="[{ required: true, message: '请输入期望效果' }]">
+                  <a-textarea placeholder="请输入期望效果" v-model:value="formName.effectWish" :rows="4" />
                 </a-form-item>
               </div>
 
-              <a-form-item
-                style="color: #666; font-size: 16px"
-                label="申请单附件"
-                name="applyDoc"
-              >
-                <a-upload
-                  v-model:file-list="fileList"
-                  name="file"
-                  :action="`${baseURL}/upload`"
-                  :headers="headers"
-                  @change="handleChange"
-                  :before-upload="beforeUpload"
-                  :maxCount="1"
-                >
-                  <a-button
-                    style="
+              <a-form-item style="color: #666; font-size: 16px" label="申请单附件" name="applyDoc">
+                <a-upload v-model:file-list="fileList" name="file" :action="`${baseURL}/upload`" :headers="headers"
+                  @change="handleChange" :before-upload="beforeUpload" :maxCount="1">
+                  <a-button style="
                       width: 100px;
                       height: 30px;
                       margin-right: 10px;
@@ -165,8 +76,7 @@
                       border: 1px solid #bbd3ef;
                       padding: 0;
                       text-align: center;
-                    "
-                  >
+                    ">
                     <upload-outlined></upload-outlined>
                     文件上传
                   </a-button>
@@ -181,8 +91,7 @@
               </a-form-item>
 
               <div class="bottom-btn">
-                <a-button
-                  style="
+                <a-button style="
                     width: 80px;
                     height: 38px;
                     margin-right: 20px;
@@ -193,15 +102,10 @@
                     border: none;
                     padding: 0;
                     text-align: center;
-                  "
-                  type="primary"
-                  html-type="cancle"
-                  @click="resetFields()"
-                >
+                  " type="primary" html-type="cancle" @click="resetFields()">
                   退出申请
                 </a-button>
-                <a-button
-                  style="
+                <a-button style="
                     width: 80px;
                     height: 38px;
                     background: #0087ff;
@@ -211,11 +115,7 @@
                     border: none;
                     padding: 0;
                     text-align: center;
-                  "
-                  type="primary"
-                  html-type="submit"
-                  @click="processStartHandle()"
-                >
+                  " type="primary" html-type="submit" @click="processStartHandle()">
                   提交申请
                 </a-button>
               </div>
@@ -234,294 +134,268 @@
 </template>
 
 <script>
-  import AbilityToApplyFor from './AbilityToApplyFor.vue'
-  import HomeHeader from '@/views/home/components/header'
-  import { reactive, ref, watch, onBeforeUnmount } from 'vue'
-  import { useRouter } from 'vue-router'
-  import { message } from 'ant-design-vue'
-  import qs from 'qs'
-  // import { UploadOutlined } from '@ant-design/icons-vue'
-  import { Upload } from 'ant-design-vue'
-  import {
-    lastestPage,
-    tabilityapplication,
-    startOfBusinessKey,
-    updateInstanceId,
-    submitApply,
-    applyAllApplication,
-    getUser,
-    getUserInfo,
-    relaunch,
-    selectOne,
-  } from '@/api/home'
-  import { getCategoryTreePage } from '@/api/personalCenter'
-  import mybus from '@/myplugins/mybus'
-  import { sgcDel, getApplyForm } from '@/api/personalCenter'
-  import { pageWithAttrs } from '@/api/home'
-  // import { baseURL } from '@/config'
-  // import AsideMenu from './components/asideMenu.vue'
+import AbilityToApplyFor from './AbilityToApplyFor.vue'
+import HomeHeader from '@/views/home/components/header'
+import { reactive, ref, watch, onBeforeUnmount } from 'vue'
+import { useRouter } from 'vue-router'
+import { message } from 'ant-design-vue'
+import qs from 'qs'
+// import { UploadOutlined } from '@ant-design/icons-vue'
+import { Upload } from 'ant-design-vue'
+import {
+  lastestPage,
+  tabilityapplication,
+  startOfBusinessKey,
+  updateInstanceId,
+  submitApply,
+  applyAllApplication,
+  getUser,
+  getUserInfo,
+  relaunch,
+  selectOne,
+} from '@/api/home'
+import { getCategoryTreePage } from '@/api/personalCenter'
+import mybus from '@/myplugins/mybus'
+import { sgcDel, getApplyForm } from '@/api/personalCenter'
+import { pageWithAttrs } from '@/api/home'
+// import { baseURL } from '@/config'
+// import AsideMenu from './components/asideMenu.vue'
 
-  export default {
-    name: '',
-    props: {},
-    components: {
-      HomeHeader,
-      AbilityToApplyFor,
-      // AsideMenu,
-      // UploadOutlined,
-    },
-    setup() {
-      const router = useRouter()
-      const disabled = ref(false)
-      const flag = ref(false)
-      const list = ref(JSON.parse(localStorage.getItem('applyList')))
-      const applyAll = router.currentRoute.value.query.applyAll
-      const num = ref(0)
-      if (!applyAll) {
-        list.value.map((item) => {
-          item.arr.map((val) => {
-            console.log(item, '组件===========================')
-            let obj = item.children
-              ? item.children.filter((type) => type.id == val.id)[0]
-              : val.type !== '应用资源'
-            if (obj) {
-              console.log('11111111111111111111111111111', obj, flag.value)
-              if (obj.type !== '应用资源') {
-                flag.value = true
-              }
-            }
-          })
-          if (item.checkedList) {
-            console.log(item)
-            num.value += Number(item.checkedList.length)
-          }
-        })
-      }
-      console.log(
-        'list',
-        list.value
-        // list.value[0].children.filter(
-        //   (val) => val.id == list.value[0].checkedList[0]
-        // )[0].resourceName
-      )
-      const baseURL = window.SITE_CONFIG.apiURL
-      let record = ref('1')
-      const text = ref('')
-      const formName = reactive({
-        title: applyAll
-          ? '全部应用资源申请'
-          : list.value[0].children
-          ? list.value[0].children
-              .filter((val) => val.id == list.value[0].checkedList[0])[0]
-              .resourceName.concat(
-                num.value > 1 ? '等能力申请' + num.value + '个' : '能力申请'
-              )
-          : list.value[0].arr[0].resourceName.concat('能力申请'), // 标题
-        applicationSystem: '', // 应用系统
-        // applicationSystem: [], // 应用系统
-        applicationScene: [], // 应用领域
-        applicationBackground: '', // 应用背景
-        effectWish: '', // 期望效果
-        user: '',
-        userId: '',
-        phone: '',
-        unit: '',
-        system: [],
-        enclosure: '', //附件
-        enclosureName: '', //附件
-      })
-      const dataList = ref([])
-      getUser().then((res) => {
-        formName.user = res.data.data.realName
-        formName.userId = res.data.data.id
-        getUserInfo(formName.userId).then((res) => {
-          if (res.data.data.mobile) {
-            formName.phone = res.data.data.mobile
-          }
-          formName.unit = res.data.data.deptName
-        })
-      })
-      // console.log('本地存储====================》', list.value)
-      const businessKey = ref(router.currentRoute.value.query.id)
-      const taskId = ref(router.currentRoute.value.query.taskId)
-      if (businessKey.value) {
-        getApplyForm(businessKey.value).then((res) => {
-          formName.id = res.data.data.id
-          formName.phone = res.data.data.phone
-          formName.scene = res.data.data.scene
-          formName.basis = res.data.data.basis
-          formName.enclosure = res.data.data.enclosure
-          // console.log('回填数据================>', res, formName.phone)
-        })
-      }
-      const applicationSceneOpthion = ref([])
-      getCategoryTreePage({
-        page: 1,
-        limit: 20,
-        dictTypeId: '1513712507692818433',
-        deFlage: 0,
-      }).then((res) => {
-        res.data.data.list.map((val) => {
-          applicationSceneOpthion.value.push({
-            value: val.dictLabel,
-            label: val.dictLabel,
-          })
-        })
-        // console.log('字典值========>', applicationSceneOpthion.value)
-      })
-      // console.log(formName.system)
-      const formRef = ref()
-      const applySuccess = ref(true)
-      // const rootObj = null
-      const dataForm = {
-        processDefinitionKey: 'abilityprocess',
-      }
-      const callbacks = {
-        startProcessSuccessCallback: null,
-        startProcessErrorCallback: null,
-        formSaveSuccessCallback: null,
-        formSaveErrorCallback: null,
-      }
-      const instanceIdUrl = '/processForm/tabilityapplication/updateInstanceId'
-      const formUrl = '/processForm/tabilityapplication'
-      //退出返回上一页
-      const resetFields = () => {
-        window.history.go(-1)
-      }
-      const processStartHandle = () => {
-        if (businessKey.value) {
-          const obj = ref({})
-          for (const key in formName) {
-            if (key !== 'formNameSystem') {
-              obj.value[key] = formName[key]
+export default {
+  name: '',
+  props: {},
+  components: {
+    HomeHeader,
+    AbilityToApplyFor,
+    // AsideMenu,
+    // UploadOutlined,
+  },
+  setup() {
+    const router = useRouter()
+    const disabled = ref(false)
+    const flag = ref(false)
+    const list = ref(JSON.parse(localStorage.getItem('applyList')))
+    console.log('router.currentRoute.value.query------------>', router.currentRoute.value.query);
+
+    const applyAll = router.currentRoute.value.query.applyAll
+    const num = ref(0)
+    if (!applyAll) {
+      list.value.map((item) => {
+        item.arr.map((val) => {
+          console.log(item, '组件===========================')
+          let obj = item.children
+            ? item.children.filter((type) => type.id == val.id)[0]
+            : val.type !== '应用资源'
+          if (obj) {
+            console.log('11111111111111111111111111111', obj, flag.value)
+            if (obj.type !== '应用资源') {
+              flag.value = true
             }
           }
-          obj.value.system = formName.system[0].resourceName
-          tabilityapplication(obj.value).then((upres) => {
-            if (upres.data.code == 0) {
-              relaunch({ data: obj.value, taskId: taskId.value }).then(
-                (res) => {
-                  // console.log('驳回================>', res)
-                  if (res.data.code == 0) {
-                    message.success('重新发起流程成功！')
-                    window.setTimeout(() => {
-                      window.history.go(-1)
-                    }, 1000)
-                  } else {
-                    message.error('重新发起流程失败！')
-                  }
-                }
-              )
-            } else {
-              message.error('数据更新失败！')
-            }
-          })
+        })
+        if (item.checkedList) {
+          console.log(item)
+          num.value += Number(item.checkedList.length)
+        }
+      })
+    }
+    console.log('list.value------------>', list.value);
+    
+    const baseURL = window.SITE_CONFIG.apiURL
+    let record = ref('1')
+    const text = ref('')
+    let _title = ''
+    if (list.value[0]) {
+      if (applyAll) {
+        _title = '全部应用资源申请'
+      } else {
+        if (list.value[0].children) {
+          let _children = list.value[0].children || []
+          let _checkedList = _children.filter((val) => val.id == list.value[0].checkedList[0]) || []
+          _title = (_checkedList[0].resourceName || '').concat(num.value > 1 ? '等能力申请' + num.value + '个' : '能力申请')
         } else {
-          formRef.value.validate().then(() => {
-            if (!formUrl) {
-              return message.error('请设置保存表单的URL')
-            }
-            if (!formName) {
-              return message.error('请设置表单名称')
-            }
-            if (!applyAll) {
-              let ids = []
-              let falgNum = 0
-              let sxt = true
-              formName.system = []
-              console.log('list==================', list.value)
-              list.value.map((val) => {
-                val.arr.map((item) => {
-                  if (item.type !== '基础设施') {
-                    falgNum++
-                  }
-                })
-              })
-              list.value.map((val) => {
-                val.arr.map((item) => {
-                  if (item.type !== '基础设施') {
-                    formName.system.push({
-                      resourceId: item.resourceId,
-                      resourceName: item.resourceName,
-                    })
-                    falgNum++
-                    console.log(item.id)
-                    if (item.id) {
-                      ids.push(item.id)
-                    }
-                  } else {
-                    let obj = {}
-                    Object.assign(obj, formName)
-                    console.log('摄像头===============>', obj, item)
-                    obj.system = []
-                    item.note1 = JSON.parse(item.note1)
-                    item.note1.map((sxt) => {
-                      obj.system.push({
-                        resourceId: sxt.idtCameraChannel + '',
-                        resourceName: sxt.channelName,
-                        cameraId: sxt.channelId, // 改接口后删除
-                        channelCode: sxt.channelCode,
-                        channelId: sxt.channelId,
-                        channelName: sxt.channelName,
-                        checkStatus: sxt.checkStatus + '',
-                        gpsX: sxt.gpsX,
-                        gpsY: sxt.gpsY,
-                        idtCameraChannel: sxt.idtCameraChannel + '',
-                        nodeName: sxt.nodeName,
-                        parentId: sxt.parentId,
-                        status: sxt.status + '',
-                      })
-                    })
-                    submitApply(obj).then((res) => {
-                      // applySuccess.value = false
-                      console.log('摄像头申请================>', res)
-                      if (item.id) {
-                        sgcDel({ ids: [item.id] }).then((res1) => {
-                          if (res1.data.msg === 'success') {
-                            if (falgNum == 0 && sxt) {
-                              message.success(
-                                '申请提交成功，请到消息中心查看！'
-                              )
-                              sxt = false
-                            }
-                            mybus.emit('getSgcNum')
-                            router.push({
-                              path: '/DetailsPageconetent',
-                              query: {
-                                select: '组件服务',
-                              },
-                            })
-                          }
-                        })
-                      } else {
-                        if (res.data.msg === 'success' && falgNum == 0 && sxt) {
-                          message.success('申请提交成功，请到消息中心查看！')
-                          sxt = false
-                        }
-                        router.push({
-                          path: '/DetailsPageconetent',
-                          query: {
-                            select: '组件服务',
-                          },
-                        })
-                      }
-                    })
-                  }
-                })
-              })
-              console.log('提交数据==========================>', formName, ids)
-              if (formName.system.length !== 0) {
-                if (formName.applicationSystem.length == 0) {
-                  formName.applicationSystem = ''
+          _title = (list.value[0].arr && list.value[0].arr[0].resourceName || '').concat('能力申请')
+        }
+      }
+    }
+    const formName = reactive({
+      title: _title,
+      // title: applyAll
+      //   ? '全部应用资源申请'
+      //   : list.value[0] && list.value[0].children
+      //     ? list.value[0] && list.value[0].children
+      //       .filter((val) => val.id == list.value[0] && list.value[0].checkedList[0])[0]
+      //       .resourceName.concat(
+      //         num.value > 1 ? '等能力申请' + num.value + '个' : '能力申请'
+      //       )
+      //     : list.value[0] && list.value[0].arr[0].resourceName.concat('能力申请'), // 标题
+      applicationSystem: '', // 应用系统
+      // applicationSystem: [], // 应用系统
+      applicationScene: [], // 应用领域
+      applicationBackground: '', // 应用背景
+      effectWish: '', // 期望效果
+      user: '',
+      userId: '',
+      phone: '',
+      unit: '',
+      system: [],
+      enclosure: '', //附件
+      enclosureName: '', //附件
+    })
+    const dataList = ref([])
+    getUser().then((res) => {
+      formName.user = res.data.data.realName
+      formName.userId = res.data.data.id
+      getUserInfo(formName.userId).then((res) => {
+        if (res.data.data.mobile) {
+          formName.phone = res.data.data.mobile
+        }
+        formName.unit = res.data.data.deptName
+      })
+    })
+    // console.log('本地存储====================》', list.value)
+    const businessKey = ref(router.currentRoute.value.query.id)
+    const taskId = ref(router.currentRoute.value.query.taskId)
+    if (businessKey.value) {
+      getApplyForm(businessKey.value).then((res) => {
+        formName.id = res.data.data.id
+        formName.phone = res.data.data.phone
+        formName.scene = res.data.data.scene
+        formName.basis = res.data.data.basis
+        formName.enclosure = res.data.data.enclosure
+        // console.log('回填数据================>', res, formName.phone)
+      })
+    }
+    const applicationSceneOpthion = ref([])
+    getCategoryTreePage({
+      page: 1,
+      limit: 20,
+      dictTypeId: '1513712507692818433',
+      deFlage: 0,
+    }).then((res) => {
+      res.data.data.list.map((val) => {
+        applicationSceneOpthion.value.push({
+          value: val.dictLabel,
+          label: val.dictLabel,
+        })
+      })
+      // console.log('字典值========>', applicationSceneOpthion.value)
+    })
+    // console.log(formName.system)
+    const formRef = ref()
+    const applySuccess = ref(true)
+    // const rootObj = null
+    const dataForm = {
+      processDefinitionKey: 'abilityprocess',
+    }
+    const callbacks = {
+      startProcessSuccessCallback: null,
+      startProcessErrorCallback: null,
+      formSaveSuccessCallback: null,
+      formSaveErrorCallback: null,
+    }
+    const instanceIdUrl = '/processForm/tabilityapplication/updateInstanceId'
+    const formUrl = '/processForm/tabilityapplication'
+    //退出返回上一页
+    const resetFields = () => {
+      window.history.go(-1)
+    }
+    const processStartHandle = () => {
+      if (businessKey.value) {
+        const obj = ref({})
+        for (const key in formName) {
+          if (key !== 'formNameSystem') {
+            obj.value[key] = formName[key]
+          }
+        }
+        obj.value.system = formName.system[0].resourceName
+        tabilityapplication(obj.value).then((upres) => {
+          if (upres.data.code == 0) {
+            relaunch({ data: obj.value, taskId: taskId.value }).then(
+              (res) => {
+                // console.log('驳回================>', res)
+                if (res.data.code == 0) {
+                  message.success('重新发起流程成功！')
+                  window.setTimeout(() => {
+                    window.history.go(-1)
+                  }, 1000)
+                } else {
+                  message.error('重新发起流程失败！')
                 }
-                submitApply(formName).then((res) => {
-                  // applySuccess.value = false
-                  message.success('申请提交成功，请到消息中心查看！')
-                  console.log('能力申请================>', res)
-                  if (res.data.code == 0) {
-                    if (ids && ids.length > 0) {
-                      sgcDel({ ids: ids }).then((res) => {
-                        if (res.data.msg === 'success') {
+              }
+            )
+          } else {
+            message.error('数据更新失败！')
+          }
+        })
+      } else {
+        formRef.value.validate().then(() => {
+          if (!formUrl) {
+            return message.error('请设置保存表单的URL')
+          }
+          if (!formName) {
+            return message.error('请设置表单名称')
+          }
+          if (!applyAll) {
+            let ids = []
+            let falgNum = 0
+            let sxt = true
+            formName.system = []
+            console.log('list==================', list.value)
+            list.value.map((val) => {
+              val.arr.map((item) => {
+                if (item.type !== '基础设施') {
+                  falgNum++
+                }
+              })
+            })
+            list.value.map((val) => {
+              val.arr.map((item) => {
+                if (item.type !== '基础设施') {
+                  formName.system.push({
+                    resourceId: item.resourceId,
+                    resourceName: item.resourceName,
+                  })
+                  falgNum++
+                  console.log(item.id)
+                  if (item.id) {
+                    ids.push(item.id)
+                  }
+                } else {
+                  let obj = {}
+                  Object.assign(obj, formName)
+                  console.log('摄像头===============>', obj, item)
+                  obj.system = []
+                  item.note1 = JSON.parse(item.note1)
+                  item.note1.map((sxt) => {
+                    obj.system.push({
+                      resourceId: sxt.idtCameraChannel + '',
+                      resourceName: sxt.channelName,
+                      cameraId: sxt.channelId, // 改接口后删除
+                      channelCode: sxt.channelCode,
+                      channelId: sxt.channelId,
+                      channelName: sxt.channelName,
+                      checkStatus: sxt.checkStatus + '',
+                      gpsX: sxt.gpsX,
+                      gpsY: sxt.gpsY,
+                      idtCameraChannel: sxt.idtCameraChannel + '',
+                      nodeName: sxt.nodeName,
+                      parentId: sxt.parentId,
+                      status: sxt.status + '',
+                    })
+                  })
+                  submitApply(obj).then((res) => {
+                    // applySuccess.value = false
+                    console.log('摄像头申请================>', res)
+                    if (item.id) {
+                      sgcDel({ ids: [item.id] }).then((res1) => {
+                        if (res1.data.msg === 'success') {
+                          if (falgNum == 0 && sxt) {
+                            message.success(
+                              '申请提交成功，请到消息中心查看！'
+                            )
+                            sxt = false
+                          }
                           mybus.emit('getSgcNum')
                           router.push({
                             path: '/DetailsPageconetent',
@@ -532,6 +406,10 @@
                         }
                       })
                     } else {
+                      if (res.data.msg === 'success' && falgNum == 0 && sxt) {
+                        message.success('申请提交成功，请到消息中心查看！')
+                        sxt = false
+                      }
                       router.push({
                         path: '/DetailsPageconetent',
                         query: {
@@ -539,300 +417,348 @@
                         },
                       })
                     }
-                  } else {
-                    message.error('申请失败！')
-                  }
-                })
-              }
-            } else {
-              formName.applicationSystem = ''
-              applyAllApplication(formName).then((res) => {
-                if (res.data.code == 0) {
-                  message.success('申请提交成功，请到消息中心查看！')
-                  router.push({
-                    path: '/DetailsPageconetent',
-                    query: {
-                      select: '组件服务',
-                    },
                   })
+                }
+              })
+            })
+            console.log('提交数据==========================>', formName, ids)
+            if (formName.system.length !== 0) {
+              if (formName.applicationSystem.length == 0) {
+                formName.applicationSystem = ''
+              }
+              submitApply(formName).then((res) => {
+                // applySuccess.value = false
+                message.success('申请提交成功，请到消息中心查看！')
+                console.log('能力申请================>', res)
+                if (res.data.code == 0) {
+                  if (ids && ids.length > 0) {
+                    sgcDel({ ids: ids }).then((res) => {
+                      if (res.data.msg === 'success') {
+                        mybus.emit('getSgcNum')
+                        router.push({
+                          path: '/DetailsPageconetent',
+                          query: {
+                            select: '组件服务',
+                          },
+                        })
+                      }
+                    })
+                  } else {
+                    router.push({
+                      path: '/DetailsPageconetent',
+                      query: {
+                        select: '组件服务',
+                      },
+                    })
+                  }
                 } else {
                   message.error('申请失败！')
                 }
               })
             }
-          })
-        }
-      }
-      // 启动流程
-      const startProcess = (processDefinitionKey, businessKey, formData) => {
-        var data = {
-          processDefinitionKey: processDefinitionKey,
-          businessKey: businessKey,
-          variables: formData,
-        }
-        // proxy.$http['post']('/act/running/startOfBusinessKey', data)
-        startOfBusinessKey(data)
-          .then(({ data: res }) => {
-            // applySuccess.value = false
-            if (res.code !== 0) {
-              if (callbacks.startProcessErrorCallback) {
-                callbacks.startProcessErrorCallback(res.data)
-              }
-            }
-            message({
-              message: '操作成功',
-              type: 'success',
-              duration: 500,
-              onClose: () => {
-                if (callbacks.startProcessSuccessCallback) {
-                  callbacks.startProcessSuccessCallback(res.data)
-                }
-              },
-            })
-            if (instanceIdUrl) {
-              var params = qs.stringify({
-                processInstanceId: res.data.processInstanceId,
-                processDefinitionKey: processDefinitionKey,
-                businessKey: businessKey,
-              })
-              // proxy.$http['post'](instanceIdUrl + '?' + params)
-              updateInstanceId(params).then(
-                // ({ data: res }) => {}
-                () => {}
-              )
-            }
-          })
-          .catch(() => {})
-      }
-
-      const options = ref([
-        {
-          value: '政法委',
-          label: '政法委',
-        },
-        {
-          value: '公安局',
-          label: '公安局',
-        },
-        {
-          value: '卫健委',
-          label: '卫健委',
-        },
-        {
-          value: '城市管理局',
-          label: '城市管理局',
-        },
-        {
-          value: '生态环境局',
-          label: '生态环境局',
-        },
-        {
-          value: '交通运输局',
-          label: '交通运输局',
-        },
-      ])
-      const systemOptions = ref([])
-      const systemOptions2 = ref([])
-
-      const handleChange = (info) => {
-        if (info.file.status !== 'uploading') {
-          // console.log(info.file, info.fileList)
-        }
-
-        if (info.file.status === 'done') {
-          message.success(`${info.file.name} 上传成功`)
-          formName.enclosure = info.file.response.data
-          formName.enclosureName = info.file.name
-        } else if (info.file.status === 'error') {
-          message.error(`${info.file.name} 上传失败`)
-        }
-      }
-      const beforeUpload = (file) => {
-        const isPNG =
-          file.type === 'image/png' ||
-          'image/doc' ||
-          'image/docx' ||
-          'image/jpg' ||
-          'image/png' ||
-          'image/jpeg' ||
-          'image/pdf' ||
-          'image/xlxs' ||
-          'image/ppt'
-
-        if (!isPNG) {
-          message.error(`上传失败`)
-        }
-
-        return isPNG || Upload.LIST_IGNORE
-      }
-      const fileList = ref([])
-      // 应用系统下拉
-      const systemHandleChange = (value) => {
-        console.log(`selected ${value}`)
-      }
-      const systemHandleSearch = (value) => {
-        console.log(`search ${value}`)
-        text.value = value
-        systemOptions.value = systemOptions2.value.filter(
-          (item) => item.label.search(text.value) > -1
-        )
-      }
-      pageWithAttrs({
-        pageNum: 1,
-        pageSize: 99999,
-        type: '应用资源',
-        name: '',
-        infoList: [],
-      }).then((res) => {
-        if (res.data.code == 0) {
-          if (res.data.data.records.length == 0) {
-            message.warning('该关键词，暂无应用资源！')
           } else {
-            res.data.data.records.map((val) => {
-              systemOptions2.value.push({
-                value: val.name,
-                label: val.name,
-              })
+            formName.applicationSystem = ''
+            applyAllApplication(formName).then((res) => {
+              if (res.data.code == 0) {
+                message.success('申请提交成功，请到消息中心查看！')
+                router.push({
+                  path: '/DetailsPageconetent',
+                  query: {
+                    select: '组件服务',
+                  },
+                })
+              } else {
+                message.error('申请失败！')
+              }
             })
-            // console.log('第一次获取===================>', systemOptions2.value)
           }
+        })
+      }
+    }
+    // 启动流程
+    const startProcess = (processDefinitionKey, businessKey, formData) => {
+      var data = {
+        processDefinitionKey: processDefinitionKey,
+        businessKey: businessKey,
+        variables: formData,
+      }
+      // proxy.$http['post']('/act/running/startOfBusinessKey', data)
+      startOfBusinessKey(data)
+        .then(({ data: res }) => {
+          // applySuccess.value = false
+          if (res.code !== 0) {
+            if (callbacks.startProcessErrorCallback) {
+              callbacks.startProcessErrorCallback(res.data)
+            }
+          }
+          message({
+            message: '操作成功',
+            type: 'success',
+            duration: 500,
+            onClose: () => {
+              if (callbacks.startProcessSuccessCallback) {
+                callbacks.startProcessSuccessCallback(res.data)
+              }
+            },
+          })
+          if (instanceIdUrl) {
+            var params = qs.stringify({
+              processInstanceId: res.data.processInstanceId,
+              processDefinitionKey: processDefinitionKey,
+              businessKey: businessKey,
+            })
+            // proxy.$http['post'](instanceIdUrl + '?' + params)
+            updateInstanceId(params).then(
+              // ({ data: res }) => {}
+              () => { }
+            )
+          }
+        })
+        .catch(() => { })
+    }
+
+    const options = ref([
+      {
+        value: '政法委',
+        label: '政法委',
+      },
+      {
+        value: '公安局',
+        label: '公安局',
+      },
+      {
+        value: '卫健委',
+        label: '卫健委',
+      },
+      {
+        value: '城市管理局',
+        label: '城市管理局',
+      },
+      {
+        value: '生态环境局',
+        label: '生态环境局',
+      },
+      {
+        value: '交通运输局',
+        label: '交通运输局',
+      },
+    ])
+    const systemOptions = ref([])
+    const systemOptions2 = ref([])
+
+    const handleChange = (info) => {
+      if (info.file.status !== 'uploading') {
+        // console.log(info.file, info.fileList)
+      }
+
+      if (info.file.status === 'done') {
+        message.success(`${info.file.name} 上传成功`)
+        formName.enclosure = info.file.response.data
+        formName.enclosureName = info.file.name
+      } else if (info.file.status === 'error') {
+        message.error(`${info.file.name} 上传失败`)
+      }
+    }
+    const beforeUpload = (file) => {
+      const isPNG =
+        file.type === 'image/png' ||
+        'image/doc' ||
+        'image/docx' ||
+        'image/jpg' ||
+        'image/png' ||
+        'image/jpeg' ||
+        'image/pdf' ||
+        'image/xlxs' ||
+        'image/ppt'
+
+      if (!isPNG) {
+        message.error(`上传失败`)
+      }
+
+      return isPNG || Upload.LIST_IGNORE
+    }
+    const fileList = ref([])
+    // 应用系统下拉
+    const systemHandleChange = (value) => {
+      console.log(`selected ${value}`)
+    }
+    const systemHandleSearch = (value) => {
+      console.log(`search ${value}`)
+      text.value = value
+      systemOptions.value = systemOptions2.value.filter(
+        (item) => item.label.search(text.value) > -1
+      )
+    }
+    pageWithAttrs({
+      pageNum: 1,
+      pageSize: 99999,
+      type: '应用资源',
+      name: '',
+      infoList: [],
+    }).then((res) => {
+      if (res.data.code == 0) {
+        if (res.data.data.records.length == 0) {
+          message.warning('该关键词，暂无应用资源！')
         } else {
-          message.error('应用系统获取数据失败!')
+          res.data.data.records.map((val) => {
+            systemOptions2.value.push({
+              value: val.name,
+              label: val.name,
+            })
+          })
+          // console.log('第一次获取===================>', systemOptions2.value)
         }
-      })
-      const handleBlur = () => {
-        console.log('blur')
+      } else {
+        message.error('应用系统获取数据失败!')
       }
+    })
+    const handleBlur = () => {
+      console.log('blur')
+    }
 
-      const handleFocus = () => {
-        console.log('focus')
-        // console.log(formName.applicationSystem)
-        // formName.applicationSystem = []
-        systemOptions.value = systemOptions2.value
-        // systemOptions.value = []
-      }
+    const handleFocus = () => {
+      console.log('focus')
+      // console.log(formName.applicationSystem)
+      // formName.applicationSystem = []
+      systemOptions.value = systemOptions2.value
+      // systemOptions.value = []
+    }
 
-      // const filterOption = (input, option) => {
-      //   return option.value.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      // }
+    // const filterOption = (input, option) => {
+    //   return option.value.toLowerCase().indexOf(input.toLowerCase()) >= 0
+    // }
 
-      onBeforeUnmount(() => {
-        mybus.off('reomveOldData')
-      })
-      return {
-        formRef,
-        formName,
-        instanceIdUrl,
-        formUrl,
-        processStartHandle,
-        resetFields,
-        startProcess,
-        options,
-        fileList,
-        list,
-        headers: {
-          authorization: 'authorization-text',
-        },
-        handleChange,
-        applySuccess,
-        disabled,
-        baseURL,
-        beforeUpload,
-        dataList,
-        systemHandleChange,
-        systemHandleSearch,
-        handleBlur,
-        handleFocus,
-        systemOptions,
-        applicationSceneOpthion,
-        flag,
-        applyAll,
-      }
-    },
-  }
+    onBeforeUnmount(() => {
+      mybus.off('reomveOldData')
+    })
+    return {
+      formRef,
+      formName,
+      instanceIdUrl,
+      formUrl,
+      processStartHandle,
+      resetFields,
+      startProcess,
+      options,
+      fileList,
+      list,
+      headers: {
+        authorization: 'authorization-text',
+      },
+      handleChange,
+      applySuccess,
+      disabled,
+      baseURL,
+      beforeUpload,
+      dataList,
+      systemHandleChange,
+      systemHandleSearch,
+      handleBlur,
+      handleFocus,
+      systemOptions,
+      applicationSceneOpthion,
+      flag,
+      applyAll,
+    }
+  },
+}
 </script>
 
 <style scoped lang="less">
-  #apply-container {
-    // background-color: #f5f8fc;
-    height: 100%;
-    width: 100%;
-    margin: 0.8rem auto 0;
+#apply-container {
+  // background-color: #f5f8fc;
+  height: 100%;
+  width: 100%;
+  margin: 0.8rem auto 0;
+  display: flex;
+  justify-content: space-between;
+
+  aside {
+    width: 282px;
+    height: 96%;
+    overflow-y: auto;
+    background-color: #fff;
+    margin: 1% 0 3%;
+  }
+
+  article {
+    width: 1090px;
+    height: 99%;
+    overflow-y: auto;
+    background-color: #fff;
+    margin: 1% auto;
+  }
+
+  .form-container {
+    padding: 20px 20px 30px 20px;
+
+    .title {
+      font-size: 20px;
+      color: #000;
+      font-weight: bold;
+      margin-bottom: 20px;
+    }
+  }
+
+  .base-info {
     display: flex;
     justify-content: space-between;
-    aside {
-      width: 282px;
-      height: 96%;
-      overflow-y: auto;
-      background-color: #fff;
-      margin: 1% 0 3%;
-    }
-    article {
-      width: 1090px;
-      height: 99%;
-      overflow-y: auto;
-      background-color: #fff;
-      margin: 1% auto;
-    }
-    .form-container {
-      padding: 20px 20px 30px 20px;
-      .title {
-        font-size: 20px;
-        color: #000;
-        font-weight: bold;
-        margin-bottom: 20px;
+  }
+
+  :deep(.ant-form-item-label) {
+    label {
+      color: #666;
+      font-size: 16px;
+
+      &::after {
+        content: '';
       }
     }
-    .base-info {
-      display: flex;
-      justify-content: space-between;
+  }
+
+  :deep(.ant-form-item-required) {
+    &::before {
+      font-size: 8px;
+      margin-right: 10px;
     }
-    :deep(.ant-form-item-label) {
-      label {
-        color: #666;
-        font-size: 16px;
-        &::after {
-          content: '';
-        }
-      }
-    }
-    :deep(.ant-form-item-required) {
-      &::before {
-        font-size: 8px;
-        margin-right: 10px;
-      }
+  }
+
+  :deep(.ant-input) {
+    border: 1px solid #e0e0e0;
+    border-radius: 6px;
+  }
+
+  .success {
+    div {
+      width: 100px;
+      margin: 80px auto 40px;
     }
 
-    :deep(.ant-input) {
-      border: 1px solid #e0e0e0;
-      border-radius: 6px;
-    }
-    .success {
-      div {
-        width: 100px;
-        margin: 80px auto 40px;
-      }
-      text-align: center;
-      font-size: 20px;
-      font-weight: bold;
-      color: #000;
-    }
+    text-align: center;
+    font-size: 20px;
+    font-weight: bold;
+    color: #000;
   }
-  .applicationScene {
-    :deep(.ant-select-selector) {
-      overflow-x: scroll;
-    }
-    :deep(.ant-select-selection-overflow) {
-      flex-wrap: nowrap;
-    }
+}
+
+.applicationScene {
+  :deep(.ant-select-selector) {
+    overflow-x: scroll;
   }
-  textarea {
-    resize: none;
-    font-size: 14px;
-  }
-  .bottom-btn {
-    display: flex;
-    justify-content: center;
-    // position: fixed;
+
+  :deep(.ant-select-selection-overflow) {
+    flex-wrap: nowrap;
   }
+}
+
+textarea {
+  resize: none;
+  font-size: 14px;
+}
+
+.bottom-btn {
+  display: flex;
+  justify-content: center;
+  // position: fixed;
+}
 </style>
diff --git a/front/src/views/home/components/searchResultList.vue b/front/src/views/home/components/searchResultList.vue
index 531885ad..f755cb77 100644
--- a/front/src/views/home/components/searchResultList.vue
+++ b/front/src/views/home/components/searchResultList.vue
@@ -588,33 +588,88 @@ export default {
     }
 
     // 融合服务--一键申请
-    const handleAKeyApplication = (item) => {
-      let _applyList = []
-        ; (item.fuseResourceList || []).map((v) => {
-          let resource = v.resource || {}
-          let obj = {
-            arr: [
-              {
-                delFlag: resource.delFlag,
-                description: resource.description,
-                resourceId: resource.id,
-                resourceName: resource.name,
-                time: resource.createDate,
-                type: resource.type,
-              },
-            ],
-            deptId: resource.deptId,
-            deptName: resource.deptName,
-          }
-          _applyList.push(obj)
-        })
-
+    // 一键申请
+    const handleAKeyApplication = (item ) => {
+      let _applyList = [];
+      let fuseResourceList = item.fuseResourceList || []
+      let jcssArray = fuseResourceList.filter(v => v.type === '基础设施')
+      let otherArray = fuseResourceList.filter(v => v.type !== '基础设施')
+      jcssArray = jcssArray.map(v => {
+        v = Object.assign(v, v.resource)
+        return v
+      })
+      let jcss = [
+        {
+          arr: [
+            {
+              description: '',
+              note1: JSON.stringify(jcssArray),
+              resourceId: '1522550195055828996',
+              resourceName: '摄像头列表',
+              type: '基础设施',
+            },
+          ],
+          deptId: '',
+          deptName: '',
+        },
+      ]
+      if (infrastructure) {
+        jcss[0].deptId = infrastructure.deptId
+        jcss[0].deptName = infrastructure.deptName
+      }
+      otherArray.map((v) => {
+        let resource = v.resource || {}
+        console.log('resource------------>', resource);
+        let obj = {
+          arr: [
+            {
+              delFlag: resource.delFlag,
+              description: resource.description,
+              resourceId: resource.id,
+              resourceName: resource.name,
+              time: resource.createDate,
+              type: resource.type,
+            },
+          ],
+          deptId: resource.deptId,
+          deptName: resource.deptName,
+        }
+        _applyList.push(obj)
+      })
+      _applyList = jcss.concat(_applyList)
       localStorage.setItem('applyList', JSON.stringify(_applyList))
       router.push({
         path: '/apply',
       })
     }
 
+    // const handleAKeyApplication = (item) => {
+    //   let _applyList = []
+    //     ; (item.fuseResourceList || []).map((v) => {
+    //       let resource = v.resource || {}
+    //       let obj = {
+    //         arr: [
+    //           {
+    //             delFlag: resource.delFlag,
+    //             description: resource.description,
+    //             resourceId: resource.id,
+    //             resourceName: resource.name,
+    //             time: resource.createDate,
+    //             type: resource.type,
+    //           },
+    //         ],
+    //         deptId: resource.deptId,
+    //         deptName: resource.deptName,
+    //       }
+    //       _applyList.push(obj)
+    //     })
+
+    //   localStorage.setItem('applyList', JSON.stringify(_applyList))
+    //   router.push({
+    //     path: '/apply',
+    //   })
+    // }
+
     mybus.on('chongzhi', (typeObj) => {
       console.log('typeObj------------>', typeObj)
       if (!typeObj) {
diff --git a/front/src/views/home/packagingDetails.vue b/front/src/views/home/packagingDetails.vue
index 29f6282a..6cf964cc 100644
--- a/front/src/views/home/packagingDetails.vue
+++ b/front/src/views/home/packagingDetails.vue
@@ -23,13 +23,14 @@
               <div class="desc">描述：{{ detailInfoObj.description || '--' }}</div>
             </div>
             <div class="btn-box">
-              <a-button size="big" class="btn-text" type="primary" @click="toView()">
+              <a-button size="big" class="btn-text" type="primary" @click="handleAKeyApplication()">
                 <template #icon>
                   <form-outlined />
                 </template>
                 申请使用
               </a-button>
-              <a-button size="big" class="btn-text" type="primary" @click="toView()">
+              <a-button size="big" class="btn-text" :type="detailInfoObj.isCollect == 'true' ? 'primary' : ''"
+                @click="addCollect()">
                 <template #icon>
                   <form-outlined />
                 </template>
@@ -67,6 +68,7 @@ import packageAbilityList from '@/views/home/components/packageAbilityList.vue'
 import { message } from 'ant-design-vue'
 import { getIntegrationDetail } from '@/api/home'
 import HomeHeader from '@/views/home/components/header'
+import { scInsert, scDel } from '@/api/personalCenter'
 
 const router = useRouter()
 const id = router.currentRoute.value.query.id
@@ -102,6 +104,8 @@ const getIntegrationServicesDeatil = (id) => {
         return message.error(res.data.msg)
       }
       detailInfoObj.value = res.data.data || {}
+      console.log('detailInfoObj------------>', detailInfoObj);
+
       let fuseResourceList = detailInfoObj.value.fuseResourceList || []
       abilityList.value.map(v => {
         let list = fuseResourceList.filter(x => x.type == v.name) || [];
@@ -116,6 +120,104 @@ const getIntegrationServicesDeatil = (id) => {
     }
   )
 }
+
+// 一键申请
+const handleAKeyApplication = () => {
+  let _applyList = [];
+  let fuseResourceList = detailInfoObj.value.fuseResourceList || []
+  let jcssArray = fuseResourceList.filter(v => v.type === '基础设施')
+  let otherArray = fuseResourceList.filter(v => v.type !== '基础设施')
+  jcssArray = jcssArray.map(v => {
+    v = Object.assign(v, v.resource)
+    return v
+  })
+  let jcss = [
+    {
+      arr: [
+        {
+          description: '',
+          note1: JSON.stringify(jcssArray),
+          resourceId: '1522550195055828996',
+          resourceName: '摄像头列表',
+          type: '基础设施',
+        },
+      ],
+      deptId: '',
+      deptName: '',
+    },
+  ]
+  if (infrastructure) {
+    jcss[0].deptId = infrastructure.deptId
+    jcss[0].deptName = infrastructure.deptName
+  }
+  otherArray.map((v) => {
+    let resource = v.resource || {}
+    console.log('resource------------>', resource);
+    let obj = {
+      arr: [
+        {
+          delFlag: resource.delFlag,
+          description: resource.description,
+          resourceId: resource.id,
+          resourceName: resource.name,
+          time: resource.createDate,
+          type: resource.type,
+        },
+      ],
+      deptId: resource.deptId,
+      deptName: resource.deptName,
+    }
+    _applyList.push(obj)
+  })
+  _applyList = jcss.concat(_applyList)
+  localStorage.setItem('applyList', JSON.stringify(_applyList))
+  router.push({
+    path: '/apply',
+  })
+}
+
+const dataPosting = ref(true)
+const addCollect = () => {
+  if (dataPosting.value && detailInfoObj.value.id) {
+    dataPosting.value = false
+    if (detailInfoObj.value.isCollect == 'true') {
+      scDel([detailInfoObj.value.id]).then((res) => {
+        if (res.data.msg === 'success') {
+          message.success('取消成功')
+          detailInfoObj.value.isCollect = 'false'
+          detailInfoObj.value.collectCount--
+          dataPosting.value = true
+          console.log('收藏2===============>', res.data, dataPosting.value)
+          getIntegrationServicesDeatil(id)
+        }
+      })
+        .catch(err => {
+          console.log('err------------>', err);
+          message.success(err)
+        })
+    } else {
+      scInsert([
+        {
+          resourceId: detailInfoObj.value.id,
+        },
+      ]).then((res) => {
+        if (res.data.msg === 'success') {
+          message.success('添加收藏成功！')
+          detailInfoObj.value.isCollect = 'true'
+          detailInfoObj.value.collectCount++
+          dataPosting.value = true
+          console.log('收藏2===============>', res.data, dataPosting.value)
+          getIntegrationServicesDeatil(id)
+        }
+      })
+        .catch(err => {
+          console.log('err------------>', err);
+          message.success(err)
+        })
+    }
+  }
+}
+
 getIntegrationServicesDeatil(id)
 
 
@@ -239,4 +341,5 @@ getIntegrationServicesDeatil(id)
 .list-box {
   padding: 0.4rem;
 }
+
 </style>