From 12d3cc221cf12771e1f63b9c58c147c6d9bbe569 Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Mon, 3 Oct 2022 15:44:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=82=E5=B1=80=EF=BC=9A=E7=94=B3=E8=AF=B7?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2---=E5=BA=94=E7=94=A8=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E9=80=89=E9=A1=B9=E4=B8=8B=E6=96=B9=E5=8A=A0=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=EF=BC=9A=E5=A6=82=E9=80=89=E9=A1=B9=E6=B2=A1=E6=9C=89=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E8=AF=B7=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/home/apply.vue | 1551 +++++++++++++++-----------------
 1 file changed, 726 insertions(+), 825 deletions(-)

diff --git a/front/src/views/home/apply.vue b/front/src/views/home/apply.vue
index 074472f4..ef832d05 100644
--- a/front/src/views/home/apply.vue
+++ b/front/src/views/home/apply.vue
@@ -8,159 +8,69 @@
         </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 flex-row-start">
-                <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>
                 <!-- 西海岸-摄像头-增加过期时间 -->
-                <a-form-item
-                  v-if="isCamera && isXiHaiAn"
-                  label="过期时间"
-                  name="expireDate"
-                  :rules="[{ required: true, message: '请选择过期时间' }]"
-                  style="margin-left: 22px"
-                >
-                  <a-select
-                    v-model:value="formName.expireDate"
-                    placeholder="请选择过期时间"
-                    style="width: 200px"
-                    :options="expireDateOptions"
-                  ></a-select>
+                <a-form-item v-if="isCamera && isXiHaiAn" label="过期时间" name="expireDate"
+                  :rules="[{ required: true, message: '请选择过期时间' }]" style="margin-left: 22px">
+                  <a-select v-model:value="formName.expireDate" placeholder="请选择过期时间" style="width: 200px"
+                    :options="expireDateOptions"></a-select>
                 </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-tooltip>
-                    <template #title>
-                      请输入关键字（如选项没有系统请新增）
-                    </template>
-                    <a-select
-                      v-model:value="formName.applicationSystem"
-                      show-search
-                      placeholder="请输入关键字（如选项没有系统请新增）"
-                      style="width: 230px"
-                      :options="systemOptions"
-                      @focus="handleFocus"
-                      @blur="handleBlur"
-                      @change="systemHandleChange"
-                      @search="systemHandleSearch"
-                    ></a-select>
-                  </a-tooltip>
-                </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>
+                <div style="margin-bottom: 24px">
+                  <a-form-item style="margin-bottom:0" label="应用系统" name="applicationSystem"
+                    :rules="[{ required: true, message: '请选择应用系统' }]">
+                    <a-select v-model:value="formName.applicationSystem" show-search placeholder="请选择应用系统"
+                      style="width: 230px" :options="systemOptions" @focus="handleFocus" @blur="handleBlur"
+                      @change="systemHandleChange" @search="systemHandleSearch"></a-select>
+                  </a-form-item>
+                  <span style="font-size:12px;color:#666;padding-left:106px"> 请输入关键字（如选项没有系统请新增）</span>
+                </div>
+                <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;
@@ -171,15 +81,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;
@@ -189,11 +94,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>
@@ -211,306 +112,242 @@
   </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 { getIntegrationDetail, soldierApply } from '@/api/home'
-  import * as moment from 'moment'
+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, soldierApply } from '@/api/home'
+import * as moment from 'moment'
 
-  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)
-      // 过期时间
-      const expireDateOptions = [
-        {
-          value: moment().add(30, 'days').format('YYYY-MM-DD HH:mm:ss'),
-          label: '30天',
-        },
-        {
-          value: moment().add(60, 'days').format('YYYY-MM-DD HH:mm:ss'),
-          label: '60天',
-        },
-        {
-          value: moment().add(90, 'days').format('YYYY-MM-DD HH:mm:ss'),
-          label: '90天',
-        },
-      ]
+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)
+    // 过期时间
+    const expireDateOptions = [
+      {
+        value: moment().add(30, 'days').format('YYYY-MM-DD HH:mm:ss'),
+        label: '30天',
+      },
+      {
+        value: moment().add(60, 'days').format('YYYY-MM-DD HH:mm:ss'),
+        label: '60天',
+      },
+      {
+        value: moment().add(90, 'days').format('YYYY-MM-DD HH:mm:ss'),
+        label: '90天',
+      },
+    ]
 
-      if (!applyAll) {
-        list.value.map((item) => {
-          item.arr.map((val) => {
-            let obj = item.children
-              ? item.children.filter((type) => type.id == val.id)[0]
-              : val.type !== '应用资源'
-            if (obj) {
-              if (obj.type !== '应用资源') {
-                flag.value = true
-              }
+    if (!applyAll) {
+      list.value.map((item) => {
+        item.arr.map((val) => {
+          let obj = item.children
+            ? item.children.filter((type) => type.id == val.id)[0]
+            : val.type !== '应用资源'
+          if (obj) {
+            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('')
-      // 西海岸-特殊处理
-      let wrjAndDbText = ['单兵设备', '无人机']
-      const isXiHaiAn = ref(whoShow.itShowXiHaiAn)
-      // 西海岸-判断是否是基础设施-摄像头
-      const isCamera = ref(false)
-      if (
-        list.value[0] &&
-        list.value[0].arr &&
-        list.value[0].arr[0] &&
-        list.value[0].arr[0].type == '基础设施'
-      ) {
-        isCamera.value = true
-      }
-      const formName = reactive({
-        title: applyAll
-          ? '全部应用资源申请'
-          : wrjAndDbText.includes(
-              list.value[0].arr &&
-                list.value[0].arr[0] &&
-                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('')
+    // 西海岸-特殊处理
+    let wrjAndDbText = ['单兵设备', '无人机']
+    const isXiHaiAn = ref(whoShow.itShowXiHaiAn)
+    // 西海岸-判断是否是基础设施-摄像头
+    const isCamera = ref(false)
+    if (
+      list.value[0] &&
+      list.value[0].arr &&
+      list.value[0].arr[0] &&
+      list.value[0].arr[0].type == '基础设施'
+    ) {
+      isCamera.value = true
+    }
+    const formName = reactive({
+      title: applyAll
+        ? '全部应用资源申请'
+        : wrjAndDbText.includes(
+          list.value[0].arr &&
+          list.value[0].arr[0] &&
+          list.value[0].arr[0].type
+        )
           ? 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,
           })
+        }
+      })
+    }
+    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,
         })
       })
-      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 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 = () => {
-        setTimeout(() => {
-          router.push({
-            path: '/DetailsPageconetent',
-            query: {
-              select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
-            },
-          })
-        }, 1000)
-      }
+    // 跳转到能力集市
+    const jumpToDetailsPageconetent = () => {
+      setTimeout(() => {
+        router.push({
+          path: '/DetailsPageconetent',
+          query: {
+            select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
+          },
+        })
+      }, 1000)
+    }
 
-      // 提交申请
-      const processStartHandle = () => {
-        formRef.value.validate().then(() => {
-          if (!formUrl) {
-            return message.error('请设置保存表单的URL')
-          }
-          if (!formName) {
-            return message.error('请设置表单名称')
-          }
+    // 提交申请
+    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 {
-                      infrastructureConfirm(item, falgNum, sxt)
-                    }
-                  })
-                })
-                if (formName.system.length !== 0) {
-                  if (formName.applicationSystem.length == 0) {
-                    formName.applicationSystem = ''
-                  }
-                  submitApply(formName).then((res) => {
-                    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) {
+        if (id) {
+          endProcess({ instanceId: taskId }).then((end) => {
+            if (end.data.code == 0) {
               let ids = []
               let falgNum = 0
               let sxt = true
@@ -540,16 +377,10 @@
                   }
                 })
               })
-              console.log('formName--ids-提交数据--------->', formName, ids)
               if (formName.system.length !== 0) {
                 if (formName.applicationSystem.length == 0) {
                   formName.applicationSystem = ''
                 }
-                // 西海岸：单兵设备、无人机单独调取其他接口
-                if (wrjAndDbText.includes(list.value[0].arr[0].type)) {
-                  handleWrjApply(formName)
-                  return
-                }
                 submitApply(formName).then((res) => {
                   message.success('申请提交成功，请到消息中心查看！')
                   console.log('能力申请================>', res)
@@ -577,433 +408,503 @@
                   }
                 })
               }
-            } else {
-              formName.applicationSystem = ''
-              applyAllApplication(formName).then((res) => {
+            }
+          })
+        } else {
+          if (!applyAll) {
+            let ids = []
+            let falgNum = 0
+            let sxt = true
+            formName.system = []
+            console.log('list==================', list.value)
+            list.value.map((val) => {
+              val.arr.map((item) => {
+                if (item.type !== '基础设施') {
+                  falgNum++
+                }
+              })
+            })
+            list.value.map((val) => {
+              val.arr.map((item) => {
+                if (item.type !== '基础设施') {
+                  formName.system.push({
+                    resourceId: item.resourceId,
+                    resourceName: item.resourceName,
+                  })
+                  falgNum++
+                  console.log(item.id)
+                  if (item.id) {
+                    ids.push(item.id)
+                  }
+                } else {
+                  infrastructureConfirm(item, falgNum, sxt)
+                }
+              })
+            })
+            console.log('formName--ids-提交数据--------->', formName, ids)
+            if (formName.system.length !== 0) {
+              if (formName.applicationSystem.length == 0) {
+                formName.applicationSystem = ''
+              }
+              // 西海岸：单兵设备、无人机单独调取其他接口
+              if (wrjAndDbText.includes(list.value[0].arr[0].type)) {
+                handleWrjApply(formName)
+                return
+              }
+              submitApply(formName).then((res) => {
+                message.success('申请提交成功，请到消息中心查看！')
+                console.log('能力申请================>', res)
                 if (res.data.code == 0) {
-                  message.success('申请提交成功，请到消息中心查看！')
-                  jumpToDetailsPageconetent()
+                  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('申请失败！')
                 }
               })
             }
-          }
-        })
-      }
-
-      // 基础设施--数据下发
-      const infrastructureConfirm = (item, falgNum, sxt) => {
-        let obj = {}
-        Object.assign(obj, formName)
-        console.log('摄像头===============>', obj, item)
-        obj.system = []
-        if (item.note1 && typeof item.note1 == 'string') {
-          item.note1 = JSON.parse(item.note1)
-        }
-        item.note1.map((sxt) => {
-          let _itemData = {
-            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 + '',
-          }
-          // 西海岸
-          if (isXiHaiAn.value) {
-            _itemData.managementUnitName = sxt.managementUnitName
-            _itemData.cameraPointTypeName = sxt.cameraPointTypeName
-          }
-          obj.system.push(_itemData)
-        })
-        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')
+          } else {
+            formName.applicationSystem = ''
+            applyAllApplication(formName).then((res) => {
+              if (res.data.code == 0) {
+                message.success('申请提交成功，请到消息中心查看！')
                 jumpToDetailsPageconetent()
+              } else {
+                message.error('申请失败！')
               }
             })
-          } else {
-            if (res.data.msg === 'success' && falgNum == 0 && sxt) {
-              message.success('申请提交成功，请到消息中心查看！')
-              sxt = false
-            }
-            jumpToDetailsPageconetent()
           }
-        })
-      }
-
-      // 启动流程
-      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)
-                }
-              },
-            })
-            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)
-          }
-        } 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')
+    // 基础设施--数据下发
+    const infrastructureConfirm = (item, falgNum, sxt) => {
+      let obj = {}
+      Object.assign(obj, formName)
+      console.log('摄像头===============>', obj, item)
+      obj.system = []
+      if (item.note1 && typeof item.note1 == 'string') {
+        item.note1 = JSON.parse(item.note1)
+      }
+      item.note1.map((sxt) => {
+        let _itemData = {
+          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 + '',
+        }
+        // 西海岸
+        if (isXiHaiAn.value) {
+          _itemData.managementUnitName = sxt.managementUnitName
+          _itemData.cameraPointTypeName = sxt.cameraPointTypeName
+        }
+        obj.system.push(_itemData)
       })
-
-      // 融合服务-更新
-      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)
-          })
-          .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)
+      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
               }
-              integrationServicesItemInfo.value = res.data.data || {}
-            },
-            (err) => {
-              reject(err)
-              message.error(err)
-            }
-          )
-        })
-      }
-
-      // 西海岸：单兵设备、无人机提交申请
-      const handleWrjApply = (formName) => {
-        let _data = {
-          deviceId:
-            formName.system &&
-            formName.system[0] &&
-            formName.system[0].resourceId,
-          deviceName:
-            formName.system &&
-            formName.system[0] &&
-            formName.system[0].resourceName,
-          title: formName.title,
-          name: formName.user,
-          phone: formName.phone,
-          dept: formName.unit, // 单位
-          applicationSystem: formName.applicationSystem, // 应用系统
-          applicationArea: JSON.stringify(formName.applicationScene), // 应用领域
-          demand: formName.applicationBackground, // 需求依据
-        }
-        soldierApply(_data)
-          .then((res) => {
-            if (res.data.code == 0) {
-              message.success(res.data.msg)
+              mybus.emit('getSgcNum')
               jumpToDetailsPageconetent()
-            } else {
-              message.error('申请失败！')
             }
           })
-          .catch((err) => {
-            message.error(err)
-          })
-      }
+        } else {
+          if (res.data.msg === 'success' && falgNum == 0 && sxt) {
+            message.success('申请提交成功，请到消息中心查看！')
+            sxt = false
+          }
+          jumpToDetailsPageconetent()
+        }
+      })
+    }
 
-      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,
-        isCamera,
-        isXiHaiAn,
-        expireDateOptions,
+    // 启动流程
+    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)
+              }
+            },
+          })
+          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)
+        }
+      } 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')
+    })
+
+    // 融合服务-更新
+    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)
+        })
+        .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)
+            }
+            integrationServicesItemInfo.value = res.data.data || {}
+          },
+          (err) => {
+            reject(err)
+            message.error(err)
+          }
+        )
+      })
+    }
+
+    // 西海岸：单兵设备、无人机提交申请
+    const handleWrjApply = (formName) => {
+      let _data = {
+        deviceId:
+          formName.system &&
+          formName.system[0] &&
+          formName.system[0].resourceId,
+        deviceName:
+          formName.system &&
+          formName.system[0] &&
+          formName.system[0].resourceName,
+        title: formName.title,
+        name: formName.user,
+        phone: formName.phone,
+        dept: formName.unit, // 单位
+        applicationSystem: formName.applicationSystem, // 应用系统
+        applicationArea: JSON.stringify(formName.applicationScene), // 应用领域
+        demand: formName.applicationBackground, // 需求依据
+      }
+      soldierApply(_data)
+        .then((res) => {
+          if (res.data.code == 0) {
+            message.success(res.data.msg)
+            jumpToDetailsPageconetent()
+          } else {
+            message.error('申请失败！')
+          }
+        })
+        .catch((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,
+      isCamera,
+      isXiHaiAn,
+      expireDateOptions,
+    }
+  },
+}
 </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%;
-    }
+  .flex-row-start {
+    justify-content: flex-start;
+    align-items: center;
+  }
 
-    article {
-      width: 1090px;
-      height: 99%;
-      overflow-y: auto;
-      background-color: #fff;
-      margin: 1% auto;
-    }
+  :deep(.ant-form-item-label) {
+    label {
+      color: #666;
+      font-size: 16px;
 
-    .form-container {
-      padding: 20px 20px 30px 20px;
-
-      .title {
-        font-size: 20px;
-        color: #000;
-        font-weight: bold;
-        margin-bottom: 20px;
+      &::after {
+        content: '';
       }
     }
-
-    .base-info {
-      display: flex;
-      justify-content: space-between;
-    }
-
-    .flex-row-start {
-      justify-content: flex-start;
-      align-items: center;
-    }
-
-    :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;
-    }
   }
 
-  .applicationScene {
-    :deep(.ant-select-selector) {
-      overflow-x: scroll;
-    }
-
-    :deep(.ant-select-selection-overflow) {
-      flex-wrap: nowrap;
+  :deep(.ant-form-item-required) {
+    &::before {
+      font-size: 8px;
+      margin-right: 10px;
     }
   }
 
-  textarea {
-    resize: none;
-    font-size: 14px;
+  :deep(.ant-input) {
+    border: 1px solid #e0e0e0;
+    border-radius: 6px;
   }
 
-  .bottom-btn {
-    display: flex;
-    justify-content: center;
-    // position: fixed;
+  .success {
+    div {
+      width: 100px;
+      margin: 80px auto 40px;
+    }
+
+    text-align: center;
+    font-size: 20px;
+    font-weight: bold;
+    color: #000;
   }
+}
+
+.applicationScene {
+  :deep(.ant-select-selector) {
+    overflow-x: scroll;
+  }
+
+  :deep(.ant-select-selection-overflow) {
+    flex-wrap: nowrap;
+  }
+}
+
+textarea {
+  resize: none;
+  font-size: 14px;
+}
+
+.bottom-btn {
+  display: flex;
+  justify-content: center;
+  // position: fixed;
+}
 </style>