From 21adcb62c8f2d626eb6c8eb7a87879722057ad5c Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Tue, 20 Sep 2022 19:28:13 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=B8=80=E9=94=AE=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7--=E8=9E=8D=E5=90=88=E6=9C=8D=E5=8A=A1=E7=89=B9?=
 =?UTF-8?q?=E6=AE=8A=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/home/apply.vue                | 1563 ++++++++---------
 .../home/components/searchResultList.vue      |    6 +-
 2 files changed, 757 insertions(+), 812 deletions(-)

diff --git a/front/src/views/home/apply.vue b/front/src/views/home/apply.vue
index b5fb82bc..5686de95 100644
--- a/front/src/views/home/apply.vue
+++ b/front/src/views/home/apply.vue
@@ -8,139 +8,58 @@
         </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
-                    v-if="deptFlage"
-                  />
-                  <a-select
-                    v-else
-                    placeholder="请选择归属部门"
-                    v-model:value="formName.unit"
-                    @change="deptIdChangeFunction"
-                  >
-                    <a-select-option
-                      v-for="(item, index) in deptNameAll"
-                      :key="`${index}-${item}`"
-                      :value="item.name"
-                    >
+                <a-form-item label="单位" name="unit" :rules="[{ required: true, message: '请输入单位' }]">
+                  <a-input placeholder="请输入单位" v-model:value="formName.unit" disabled v-if="deptFlage" />
+                  <a-select v-else placeholder="请选择归属部门" v-model:value="formName.unit" @change="deptIdChangeFunction">
+                    <a-select-option v-for="(item, index) in deptNameAll" :key="`${index}-${item}`" :value="item.name">
                       {{ item.name }}
                     </a-select-option>
                   </a-select>
                 </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: '请输入需求依据' },
-                    { min: 50, message: '需求依据最少为50个字' },
-                  ]"
-                >
-                  <a-textarea
-                    placeholder="请输入需求依据"
-                    v-model:value="formName.applicationBackground"
-                    :rows="4"
-                  />
+                <a-form-item label="需求依据" name="applicationBackground" :rules="[
+                  { required: true, message: '请输入需求依据' },
+                  { min: 50, message: '需求依据最少为50个字' },
+                ]">
+                  <a-textarea placeholder="请输入需求依据" v-model:value="formName.applicationBackground" :rows="4" />
                 </a-form-item>
               </div>
               <div class="bottom-btn">
-                <a-button
-                  style="
+                <a-button style="
                     width: 80px;
                     height: 38px;
                     margin-right: 20px;
@@ -151,15 +70,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;
@@ -169,11 +83,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>
@@ -191,747 +101,778 @@
   </div>
 </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 { Upload } from 'ant-design-vue'
-  import {
-    lastestPage,
-    tabilityapplication,
-    startOfBusinessKey,
-    updateInstanceId,
-    submitApply,
-    applyAllApplication,
-    getUser,
-    getUserInfo,
-    relaunch,
-    selectOne,
-  } from '@/api/home'
-  import { getDeptAll } from '@/api/user'
-  import { getCategoryTreePage, endProcess } from '@/api/personalCenter'
-  import mybus from '@/myplugins/mybus'
-  import { sgcDel, getApplyForm } from '@/api/personalCenter'
-  import { pageWithAttrs, updateIntegrationServices } from '@/api/home'
-  import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
+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 { Upload } from 'ant-design-vue'
+import {
+  lastestPage,
+  tabilityapplication,
+  startOfBusinessKey,
+  updateInstanceId,
+  submitApply,
+  applyAllApplication,
+  getUser,
+  getUserInfo,
+  relaunch,
+  selectOne,
+} from '@/api/home'
+import { getDeptAll } from '@/api/user'
+import { getCategoryTreePage, endProcess } from '@/api/personalCenter'
+import mybus from '@/myplugins/mybus'
+import { sgcDel, getApplyForm } from '@/api/personalCenter'
+import { pageWithAttrs, updateIntegrationServices } from '@/api/home'
+import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
+import { getIntegrationDetail } from '@/api/home'
 
-  export default {
-    name: '',
-    props: {},
-    components: {
-      HomeHeader,
-      AbilityToApplyFor,
-    },
-    beforeRouteLeave(from, to, next) {
-      console.log('from, to, next------------>', from, to, next);
-      localStorage.removeItem('integrationServicesItemInfo')
-      next()
-    },
-    setup() {
-      const router = useRouter()
-      const disabled = ref(false)
-      const flag = ref(false)
-      const list = ref(JSON.parse(localStorage.getItem('applyList')))
-      const integrationServicesItemInfo = ref(
-        JSON.parse(localStorage.getItem('integrationServicesItemInfo') || '{}')
-      )
-      const deptNameAll = ref([]) //所有部门名称
-      const deptFlage = ref(true) //判断是否存在默认部门名称
-      console.log(
-        'integrationServicesItemInfo------------>',
-        integrationServicesItemInfo
-      )
-      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
-              }
+export default {
+  name: '',
+  props: {},
+  components: {
+    HomeHeader,
+    AbilityToApplyFor,
+  },
+  setup() {
+    const router = useRouter()
+    const disabled = ref(false)
+    const flag = ref(false)
+    const list = ref(JSON.parse(localStorage.getItem('applyList')))
+
+    const deptNameAll = ref([]) //所有部门名称
+    const deptFlage = ref(true) //判断是否存在默认部门名称
+    const applyAll = router.currentRoute.value.query.applyAll;
+    // 融合服务id
+    const integrationServicesId = router.currentRoute.value.query.integrationServicesId;
+    // 融合服务详情
+    const integrationServicesItemInfo = ref(null)
+
+    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)
-      const baseURL = window.SITE_CONFIG.apiURL
-      let record = ref('1')
-      const text = ref('')
-      const formName = reactive({
-        title: applyAll
-          ? '全部应用资源申请'
-          : list.value[0].arr && list.value[0].arr[0].type == '单兵设备'
+        if (item.checkedList) {
+          console.log(item)
+          num.value += Number(item.checkedList.length)
+        }
+      })
+    }
+    console.log('list', list.value)
+    const baseURL = window.SITE_CONFIG.apiURL
+    let record = ref('1')
+    const text = ref('')
+    const formName = reactive({
+      title: applyAll
+        ? '全部应用资源申请'
+        : list.value[0].arr && list.value[0].arr[0].type == '单兵设备'
           ? '单兵设备申请'
           : 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, // 标题
-        applicationSystem: '', // 应用系统
-        applicationScene: [], // 应用领域
-        applicationBackground: '', // 应用背景
-        effectWish: '', // 期望效果
-        user: '',
-        userId: '',
-        phone: '',
-        unit: '',
-        deptId: '',
-        system: [],
-        enclosure: '', //附件
-        enclosureName: '', //附件
-      })
-      const dataList = ref([])
-      const id = router.currentRoute.value.query.id
-      const taskId = router.currentRoute.value.query.taskId
-      const businessKey = ref(router.currentRoute.value.query.id)
-      if (id) {
-        getApplyForm(id).then((res) => {
-          console.log('修改==============>', res.data.data)
-          formName.applicationSystem = res.data.data.applicationSystem || ''
-          formName.applicationScene = res.data.data.applicationScene || []
-          formName.applicationBackground =
-            res.data.data.applicationBackground || ''
-          formName.effectWish = res.data.data.effectWish || ''
-          formName.phone = res.data.data.phone || ''
-          formName.enclosure = res.data.data.enclosure || ''
-          formName.enclosureName = res.data.data.enclosureName || ''
-          if (res.data.data.enclosure) {
-            fileList.value.push({
-              name: res.data.data.enclosureName,
-              url: res.data.data.enclosure,
-            })
-          }
-        })
-      }
-      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
-          if (!formName.unit) {
-            deptFlage.value = false
-            //调用查询所有部门名称的接口
-            getDeptAll().then((res) => {
-              deptNameAll.value = res.data.data
-            })
-          }
-        })
-      })
-      //归属部门选中改变事件
-      const deptIdChangeFunction = (name) => {
-        deptNameAll.value.map((item) => {
-          if (item.name == name) {
-            formName.deptId = item.id
-          }
-        })
-        console.log(formName)
-      }
-      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,
+            : '申请' + list.value[0].arr[0].resourceName, // 标题
+      applicationSystem: '', // 应用系统
+      applicationScene: [], // 应用领域
+      applicationBackground: '', // 应用背景
+      effectWish: '', // 期望效果
+      user: '',
+      userId: '',
+      phone: '',
+      unit: '',
+      deptId: '',
+      system: [],
+      enclosure: '', //附件
+      enclosureName: '', //附件
+    })
+    const dataList = ref([])
+    const id = router.currentRoute.value.query.id
+    const taskId = router.currentRoute.value.query.taskId
+    const businessKey = ref(router.currentRoute.value.query.id)
+    if (id) {
+      getApplyForm(id).then((res) => {
+        console.log('修改==============>', res.data.data)
+        formName.applicationSystem = res.data.data.applicationSystem || ''
+        formName.applicationScene = res.data.data.applicationScene || []
+        formName.applicationBackground =
+          res.data.data.applicationBackground || ''
+        formName.effectWish = res.data.data.effectWish || ''
+        formName.phone = res.data.data.phone || ''
+        formName.enclosure = res.data.data.enclosure || ''
+        formName.enclosureName = res.data.data.enclosureName || ''
+        if (res.data.data.enclosure) {
+          fileList.value.push({
+            name: res.data.data.enclosureName,
+            url: res.data.data.enclosure,
           })
-        })
-        // console.log('字典值========>', applicationSceneOpthion.value)
+        }
       })
-      // console.log(formName.system)
-      const formRef = ref()
-      const applySuccess = ref(true)
-      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)
-        localStorage.removeItem('integrationServicesItemInfo')
-      }
-
-      // 跳转到能力集市
-      const jumpToDetailsPageconetent = () => {
-        router.push({
-          path: '/DetailsPageconetent',
-          query: {
-            select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
-          },
+    }
+    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
+        if (!formName.unit) {
+          deptFlage.value = false
+          //调用查询所有部门名称的接口
+          getDeptAll().then((res) => {
+            deptNameAll.value = res.data.data
+          })
+        }
+      })
+    })
+    //归属部门选中改变事件
+    const deptIdChangeFunction = (name) => {
+      deptNameAll.value.map((item) => {
+        if (item.name == name) {
+          formName.deptId = item.id
+        }
+      })
+      console.log(formName)
+    }
+    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 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 = () => {
-        formRef.value.validate().then(() => {
-          if (!formUrl) {
-            return message.error('请设置保存表单的URL')
-          }
-          if (!formName) {
-            return message.error('请设置表单名称')
-          }
-          if (id) {
-            endProcess({ instanceId: taskId }).then((end) => {
-              if (end.data.code == 0) {
-                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')
-                              jumpToDetailsPageconetent()
-                            }
-                          })
-                        } else {
-                          if (
-                            res.data.msg === 'success' &&
-                            falgNum == 0 &&
-                            sxt
-                          ) {
-                            message.success('申请提交成功，请到消息中心查看！')
-                            sxt = false
-                          }
-                          jumpToDetailsPageconetent()
-                        }
-                      })
-                    }
-                  })
-                })
-                console.log(
-                  '提交数据============submitApply==============>',
-                  formName,
-                  ids
-                )
-                if (formName.system.length !== 0) {
-                  if (formName.applicationSystem.length == 0) {
-                    formName.applicationSystem = ''
+    // 跳转到能力集市
+    const jumpToDetailsPageconetent = () => {
+      router.push({
+        path: '/DetailsPageconetent',
+        query: {
+          select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
+        },
+      })
+    }
+
+    const processStartHandle = () => {
+      formRef.value.validate().then(() => {
+        if (!formUrl) {
+          return message.error('请设置保存表单的URL')
+        }
+        if (!formName) {
+          return message.error('请设置表单名称')
+        }
+        if (id) {
+          endProcess({ instanceId: taskId }).then((end) => {
+            if (end.data.code == 0) {
+              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++
                   }
-                  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') {
+                })
+              })
+              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')
                             jumpToDetailsPageconetent()
                           }
                         })
                       } else {
-                        // todo 融合服务
                         if (
-                          Object.keys(integrationServicesItemInfo).length > 0
+                          res.data.msg === 'success' &&
+                          falgNum == 0 &&
+                          sxt
                         ) {
-                          updateIntegrationServiceAction()
+                          message.success('申请提交成功，请到消息中心查看！')
+                          sxt = false
                         }
                         jumpToDetailsPageconetent()
                       }
-                    } else {
-                      message.error('申请失败！')
-                    }
-                  })
+                    })
+                  }
+                })
+              })
+              console.log(
+                '提交数据============submitApply==============>',
+                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')
+                          jumpToDetailsPageconetent()
+                        }
+                      })
+                    } else {
+                      // 融合服务
+                      if (integrationServicesId) {
+                        getIntegrationServicesDeatil(integrationServicesId).then(res => {
+                          updateIntegrationServiceAction()
+                        })
+                      }
+                      jumpToDetailsPageconetent()
+                    }
+                  } else {
+                    message.error('申请失败！')
+                  }
+                })
               }
-            })
+            }
+          })
+        } else {
+          if (!applyAll) {
+            console.log(list.value[0].arr[0])
+            // 单兵设备为了演示 添加  不做处理
+            if (list.value[0].arr[0].type == '单兵设备') {
+              message.success('单兵设备申请提交成功！')
+              jumpToDetailsPageconetent()
+            } else {
+              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')
+                            jumpToDetailsPageconetent()
+                          }
+                        })
+                      } else {
+                        if (
+                          res.data.msg === 'success' &&
+                          falgNum == 0 &&
+                          sxt
+                        ) {
+                          message.success('申请提交成功，请到消息中心查看！')
+                          sxt = false
+                        }
+                        jumpToDetailsPageconetent()
+                      }
+                    })
+                  }
+                })
+              })
+              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')
+                          jumpToDetailsPageconetent()
+                        }
+                      })
+                    } else {
+                      // 融合服务
+                      if (integrationServicesId) {
+                        getIntegrationServicesDeatil(integrationServicesId).then(res => {
+                          updateIntegrationServiceAction()
+                        })
+                      }
+                      jumpToDetailsPageconetent()
+                    }
+                  } else {
+                    message.error('申请失败！')
+                  }
+                })
+              }
+            }
           } else {
-            if (!applyAll) {
-              console.log(list.value[0].arr[0])
-              // 单兵设备为了演示 添加  不做处理
-              if (list.value[0].arr[0].type == '单兵设备') {
-                message.success('单兵设备申请提交成功！')
+            formName.applicationSystem = ''
+            applyAllApplication(formName).then((res) => {
+              if (res.data.code == 0) {
+                message.success('申请提交成功，请到消息中心查看！')
                 jumpToDetailsPageconetent()
               } else {
-                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')
-                              jumpToDetailsPageconetent()
-                            }
-                          })
-                        } else {
-                          if (
-                            res.data.msg === 'success' &&
-                            falgNum == 0 &&
-                            sxt
-                          ) {
-                            message.success('申请提交成功，请到消息中心查看！')
-                            sxt = false
-                          }
-                          jumpToDetailsPageconetent()
-                        }
-                      })
-                    }
-                  })
-                })
-                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')
-                            jumpToDetailsPageconetent()
-                          }
-                        })
-                      } else {
-                        // todo 融合服务
-                        if (
-                          Object.keys(integrationServicesItemInfo).length > 0
-                        ) {
-                          updateIntegrationServiceAction()
-                        }
-                        jumpToDetailsPageconetent()
-                      }
-                    } else {
-                      message.error('申请失败！')
-                    }
-                  })
-                }
+                message.error('申请失败！')
               }
-            } else {
-              formName.applicationSystem = ''
-              applyAllApplication(formName).then((res) => {
-                if (res.data.code == 0) {
-                  message.success('申请提交成功，请到消息中心查看！')
-                  jumpToDetailsPageconetent()
-                } else {
-                  message.error('申请失败！')
-                }
-              })
+            })
+          }
+        }
+      })
+    }
+    // 启动流程
+    const startProcess = (processDefinitionKey, businessKey, formData) => {
+      var data = {
+        processDefinitionKey: processDefinitionKey,
+        businessKey: businessKey,
+        variables: formData,
+      }
+      startOfBusinessKey(data)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            if (callbacks.startProcessErrorCallback) {
+              callbacks.startProcessErrorCallback(res.data)
             }
           }
-        })
-      }
-      // 启动流程
-      const startProcess = (processDefinitionKey, businessKey, formData) => {
-        var data = {
-          processDefinitionKey: processDefinitionKey,
-          businessKey: businessKey,
-          variables: formData,
-        }
-        startOfBusinessKey(data)
-          .then(({ data: res }) => {
-            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)
               }
-            }
-            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,
-              })
-              updateInstanceId(params).then(() => {})
-            }
+            },
           })
-          .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) => {
-        let valueArray = []
-        systemOptions.value.map((val) => {
-          valueArray.push(val.value)
-        })
-        if (valueArray.indexOf(value) == -1) {
-          systemOptions.value.push({
-            value: value,
-            label: value,
-          })
-        }
-      }
-      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,
-              })
+          if (instanceIdUrl) {
+            var params = qs.stringify({
+              processInstanceId: res.data.processInstanceId,
+              processDefinitionKey: processDefinitionKey,
+              businessKey: businessKey,
             })
-            // console.log('第一次获取===================>', systemOptions2.value)
+            updateInstanceId(params).then(() => { })
           }
+        })
+        .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) => {
+      let valueArray = []
+      systemOptions.value.map((val) => {
+        valueArray.push(val.value)
+      })
+      if (valueArray.indexOf(value) == -1) {
+        systemOptions.value.push({
+          value: value,
+          label: value,
+        })
+      }
+    }
+    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 handleFocus = () => {
-        console.log('focus')
-        let arrId = []
-        for (var valueIndex of systemOptions2.value) {
-          if (arrId.indexOf(valueIndex['value']) == -1) {
-            arrId.push(valueIndex['value'])
-            systemOptions.value.push(valueIndex)
-          }
+    })
+    const handleBlur = () => {
+      console.log('blur')
+    }
+    const handleFocus = () => {
+      console.log('focus')
+      let arrId = []
+      for (var valueIndex of systemOptions2.value) {
+        if (arrId.indexOf(valueIndex['value']) == -1) {
+          arrId.push(valueIndex['value'])
+          systemOptions.value.push(valueIndex)
         }
       }
+    }
 
-      onBeforeUnmount(() => {
-        mybus.off('reomveOldData')
+    onBeforeUnmount(() => {
+      mybus.off('reomveOldData')
+    })
+
+    // 融合服务-更新
+    const updateIntegrationServiceAction = () => {
+      let _applyCount =
+        Number(integrationServicesItemInfo.value.applyCount || 0) + 1
+      let _data = Object.assign({}, integrationServicesItemInfo.value, {
+        applyCount: _applyCount,
       })
-
-      // 融合服务-更新 todo
-      const updateIntegrationServiceAction = () => {
-        let _applyCount =
-          Number(integrationServicesItemInfo.value.applyCount || 0) + 1
-        let _data = Object.assign({}, integrationServicesItemInfo.value, {
-          applyCount: _applyCount,
+      updateIntegrationServices(_data)
+        .then((res) => {
+          console.log('res---更新--------->', res)
         })
-        updateIntegrationServices(_data)
-          .then((res) => {
-            console.log('res---更新--------->', res)
-            localStorage.removeItem('integrationServicesItemInfo')
-          })
-          .catch((err) => {
-            console.log('err----更新-------->', err)
-            localStorage.removeItem('integrationServicesItemInfo')
-          })
-      }
-      return {
-        deptIdChangeFunction,
-        formRef,
-        formName,
-        deptNameAll,
-        instanceIdUrl,
-        formUrl,
-        processStartHandle,
-        resetFields,
-        startProcess,
-        options,
-        fileList,
-        list,
-        deptFlage,
-        headers: {
-          authorization: 'authorization-text',
-        },
-        handleChange,
-        applySuccess,
-        disabled,
-        baseURL,
-        beforeUpload,
-        dataList,
-        systemHandleChange,
-        systemHandleSearch,
-        handleBlur,
-        handleFocus,
-        systemOptions,
-        applicationSceneOpthion,
-        flag,
-        applyAll,
-      }
-    },
-  }
+        .catch((err) => {
+          console.log('err----更新-------->', err)
+        })
+    }
+
+    // 融合服务--详情
+    const getIntegrationServicesDeatil = (id) => {
+      return new Promise((resolve, reject) => {
+        getIntegrationDetail(id).then(
+          (res) => {
+            resolve(res)
+            if (res.data.code !== 0) {
+              return message.error(res.data.msg)
+            }
+            console.log('res.data.data------------>', res.data.data);
+            
+            integrationServicesItemInfo.value = res.data.data || {}
+          },
+          (err) => {
+            reject(err)
+            message.error(err)
+          }
+        )
+      })
+
+    }
+
+    return {
+      deptIdChangeFunction,
+      formRef,
+      formName,
+      deptNameAll,
+      instanceIdUrl,
+      formUrl,
+      processStartHandle,
+      resetFields,
+      startProcess,
+      options,
+      fileList,
+      list,
+      deptFlage,
+      headers: {
+        authorization: 'authorization-text',
+      },
+      handleChange,
+      applySuccess,
+      disabled,
+      baseURL,
+      beforeUpload,
+      dataList,
+      systemHandleChange,
+      systemHandleSearch,
+      handleBlur,
+      handleFocus,
+      systemOptions,
+      applicationSceneOpthion,
+      flag,
+      applyAll,
+      getIntegrationServicesDeatil,
+    }
+  },
+}
 </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-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;
-      }
-      text-align: center;
-      font-size: 20px;
-      font-weight: bold;
-      color: #000;
+  }
+
+  :deep(.ant-form-item-required) {
+    &::before {
+      font-size: 8px;
+      margin-right: 10px;
     }
   }
-  .applicationScene {
-    :deep(.ant-select-selector) {
-      overflow-x: scroll;
-    }
-    :deep(.ant-select-selection-overflow) {
-      flex-wrap: nowrap;
+
+  :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;
   }
-  textarea {
-    resize: none;
-    font-size: 14px;
+}
+
+.applicationScene {
+  :deep(.ant-select-selector) {
+    overflow-x: scroll;
   }
-  .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 b6c5ed53..c18da6ae 100644
--- a/front/src/views/home/components/searchResultList.vue
+++ b/front/src/views/home/components/searchResultList.vue
@@ -571,10 +571,14 @@ export default {
       _applyList = jcss.concat(_applyList)
       localStorage.setItem('applyList', JSON.stringify(_applyList))
       // 融合服务
-      localStorage.setItem('integrationServicesItemInfo', JSON.stringify(item))
       router.push({
         path: '/apply',
+          query: {
+            integrationServicesId: item.id,
+          },
       })
+
+       
     }
 
     mybus.on('chongzhi', (typeObj) => {