From f2e68d01058b302b9f49d843b8111bd691843729 Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Fri, 16 Sep 2022 15:15:03 +0800
Subject: [PATCH] =?UTF-8?q?=E8=83=BD=E5=8A=9B=E7=94=B3=E8=AF=B7=E5=8D=95?=
 =?UTF-8?q?=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/home/apply.vue | 1351 +++++++++++++++++---------------
 1 file changed, 702 insertions(+), 649 deletions(-)

diff --git a/front/src/views/home/apply.vue b/front/src/views/home/apply.vue
index d47f4091..35fa458c 100644
--- a/front/src/views/home/apply.vue
+++ b/front/src/views/home/apply.vue
@@ -67,7 +67,22 @@
                     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">
@@ -176,702 +191,740 @@
   </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 { 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'
 
-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 integrationServicesItemInfo = ref(
-      JSON.parse(localStorage.getItem('integrationServicesItemInfo') || '{}')
-    )
-    console.log(
-      'integrationServicesItemInfo------------>',
-      integrationServicesItemInfo
-    )
+  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 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
+      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)
           }
         })
-        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: '', //附件
       })
-    }
-    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: '',
-      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
-      })
-    })
-    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,
+      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
+            })
+          }
         })
       })
-      // 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 jumpToDetailsPageconetent = () => {
-      router.push({
-        path: '/DetailsPageconetent',
-        query: {
-          select: DETAIL_PAGE_CONTENT_DEFAULT_TAB
-        },
-      })
-    }
-
-    const processStartHandle = () => {
-      debugger
-      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 = ''
-                }
-                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('申请失败！')
-                  }
-                })
-              }
-            }
+      //归属部门选中改变事件
+      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,
           })
-        } 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)
+        })
+        // 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 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++
                     }
-                  } 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 + '',
+                  })
+                })
+                list.value.map((val) => {
+                  val.arr.map((item) => {
+                    if (item.type !== '基础设施') {
+                      formName.system.push({
+                        resourceId: item.resourceId,
+                        resourceName: item.resourceName,
                       })
-                    })
-                    submitApply(obj).then((res) => {
-                      // applySuccess.value = false
-                      console.log('摄像头申请================>', res)
+                      falgNum++
+                      console.log(item.id)
                       if (item.id) {
-                        sgcDel({ ids: [item.id] }).then((res1) => {
-                          if (res1.data.msg === 'success') {
-                            if (falgNum == 0 && sxt) {
-                              message.success(
-                                '申请提交成功，请到消息中心查看！'
-                              )
-                              sxt = false
+                        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 = ''
+                  }
+                  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 (res.data.msg === 'success' && falgNum == 0 && sxt) {
-                          message.success('申请提交成功，请到消息中心查看！')
-                          sxt = false
+                        // todo 融合服务
+                        if (
+                          Object.keys(integrationServicesItemInfo).length > 0
+                        ) {
+                          updateIntegrationServiceAction()
                         }
                         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()
+                      message.error('申请失败！')
                     }
-                  } else {
-                    message.error('申请失败！')
-                  }
-                })
+                  })
+                }
               }
-            }
+            })
           } else {
-            formName.applicationSystem = ''
-            applyAllApplication(formName).then((res) => {
-              if (res.data.code == 0) {
-                message.success('申请提交成功，请到消息中心查看！')
+            if (!applyAll) {
+              console.log(list.value[0].arr[0])
+              // 单兵设备为了演示 添加  不做处理
+              if (list.value[0].arr[0].type == '单兵设备') {
+                message.success('单兵设备申请提交成功！')
                 jumpToDetailsPageconetent()
               } else {
-                message.error('申请失败！')
+                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('申请失败！')
+                    }
+                  })
+                }
               }
-            })
-          }
-        }
-      })
-    }
-    // 启动流程
-    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)
+            } else {
+              formName.applicationSystem = ''
+              applyAllApplication(formName).then((res) => {
+                if (res.data.code == 0) {
+                  message.success('申请提交成功，请到消息中心查看！')
+                  jumpToDetailsPageconetent()
+                } else {
+                  message.error('申请失败！')
+                }
+              })
             }
           }
-          message({
-            message: '操作成功',
-            type: 'success',
-            duration: 500,
-            onClose: () => {
-              if (callbacks.startProcessSuccessCallback) {
-                callbacks.startProcessSuccessCallback(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)
               }
-            },
-          })
-          if (instanceIdUrl) {
-            var params = qs.stringify({
-              processInstanceId: res.data.processInstanceId,
-              processDefinitionKey: processDefinitionKey,
-              businessKey: businessKey,
+            }
+            message({
+              message: '操作成功',
+              type: 'success',
+              duration: 500,
+              onClose: () => {
+                if (callbacks.startProcessSuccessCallback) {
+                  callbacks.startProcessSuccessCallback(res.data)
+                }
+              },
             })
-            updateInstanceId(params).then(() => {})
+            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,
+              })
+            })
+            // console.log('第一次获取===================>', systemOptions2.value)
           }
-        })
-        .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,
-            })
-          })
-          // console.log('第一次获取===================>', systemOptions2.value)
+          message.error('应用系统获取数据失败!')
         }
-      } else {
-        message.error('应用系统获取数据失败!')
-      }
-    })
-    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')
-    })
-
-    // 融合服务-更新 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)
+      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')
+      })
+
+      // 融合服务-更新 todo
+      const updateIntegrationServiceAction = () => {
+        let _applyCount =
+          Number(integrationServicesItemInfo.value.applyCount || 0) + 1
+        let _data = Object.assign({}, integrationServicesItemInfo.value, {
+          applyCount: _applyCount,
         })
-        .catch((err) => {
-          console.log('err----更新-------->', err)
-        })
-    }
-    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,
-    }
-  },
-}
+        updateIntegrationServices(_data)
+          .then((res) => {
+            console.log('res---更新--------->', res)
+          })
+          .catch((err) => {
+            console.log('err----更新-------->', 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,
+      }
+    },
+  }
 </script>
 <style scoped lang="less">
-#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 {
+  #apply-container {
+    // background-color: #f5f8fc;
+    height: 100%;
+    width: 100%;
+    margin: 0.8rem auto 0;
     display: flex;
     justify-content: space-between;
-  }
-  :deep(.ant-form-item-label) {
-    label {
-      color: #666;
-      font-size: 16px;
-      &::after {
-        content: '';
+    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-required) {
-    &::before {
-      font-size: 8px;
-      margin-right: 10px;
+    .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-input) {
-    border: 1px solid #e0e0e0;
-    border-radius: 6px;
-  }
-  .success {
-    div {
-      width: 100px;
-      margin: 80px auto 40px;
+  .applicationScene {
+    :deep(.ant-select-selector) {
+      overflow-x: scroll;
+    }
+    :deep(.ant-select-selection-overflow) {
+      flex-wrap: nowrap;
     }
-    text-align: center;
-    font-size: 20px;
-    font-weight: bold;
-    color: #000;
   }
-}
-.applicationScene {
-  :deep(.ant-select-selector) {
-    overflow-x: scroll;
+  textarea {
+    resize: none;
+    font-size: 14px;
   }
-  :deep(.ant-select-selection-overflow) {
-    flex-wrap: nowrap;
+  .bottom-btn {
+    display: flex;
+    justify-content: center;
+    // position: fixed;
   }
-}
-textarea {
-  resize: none;
-  font-size: 14px;
-}
-.bottom-btn {
-  display: flex;
-  justify-content: center;
-  // position: fixed;
-}
 </style>