能力申请 应用系统对接

front/src/api/home.js

@@ -2,7 +2,7 @@
  * @Author: hisense.wuhongjian
  * @Date: 2022-04-01 19:19:40
  * @LastEditors: Light
- * @LastEditTime: 2022-10-26 10:35:36
+ * @LastEditTime: 2022-10-31 15:52:57
  * @Description: 告诉大家这是什么
  */
 import request from '@/utils/request'
@@ -63,6 +63,13 @@ export function pageWithAttrs(data) {
     data,
   })
 }
+// 筛选
+export function getAppListByDept() {
+  return request({
+    url: '/resource/getAppListByDept',
+    method: 'get',
+  })
+}
 // 获取hls视频流
 export function getHls(params) {
   return request({

front/src/views/home/apply.vue

@@ -260,7 +260,11 @@
   import { getCategoryTreePage, endProcess } from '@/api/personalCenter'
   import mybus from '@/myplugins/mybus'
   import { sgcDel, getApplyForm } from '@/api/personalCenter'
-  import { pageWithAttrs, updateIntegrationServices } from '@/api/home'
+  import {
+    pageWithAttrs,
+    updateIntegrationServices,
+    getAppListByDept,
+  } from '@/api/home'
   import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
   import { getIntegrationDetail, soldierApply } from '@/api/home'
   import { useStore } from 'vuex'
@@ -782,25 +786,18 @@
           })
         }
       }
-      pageWithAttrs({
+      getAppListByDept().then((res) => {
-        pageNum: 1,
+        console.log('res=====>', res.data.data)
-        pageSize: 99999,
-        type: '应用资源',
-        name: '',
-        infoList: [],
-      }).then((res) => {
         if (res.data.code == 0) {
-          if (res.data.data.records.length == 0) {
+          if (res.data.data.length == 0) {
             message.warning('该关键词，暂无应用资源！')
           } else {
             // 过滤本单位的应用系统
-            res.data.data.records.map((val) => {
+            res.data.data.map((val) => {
-              if (val.deptName === deptName) {
+              systemOptions2.value.push({
-                systemOptions2.value.push({
+                value: val.NAME,
-                  value: val.name,
+                label: val.NAME,
-                  label: val.name,
+              })
-                })
-              }
             })
             // console.log('第一次获取===================>', systemOptions2.value)
           }
@@ -958,130 +955,130 @@
   }
 </script>
 <style scoped lang="less">
-  #apply-container {
+#apply-container {
-    // background-color: #f5f8fc;
+  // background-color: #f5f8fc;
-    height: 100%;
+  height: 100%;
-    width: 100%;
+  width: 100%;
-    margin: 0.8rem auto 0;
+  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 {
+  .flex-row-start {
-      width: 282px;
+    justify-content: flex-start;
-      height: 96%;
+    align-items: center;
-      overflow-y: auto;
+  }
-      background-color: #fff;
-      margin: 1% 0 3%;
-    }
 
-    article {
+  :deep(.ant-form-item-label) {
-      width: 1090px;
+    label {
-      height: 99%;
+      color: #666;
-      overflow-y: auto;
+      font-size: 16px;
-      background-color: #fff;
-      margin: 1% auto;
-    }
 
-    .form-container {
+      &::after {
-      padding: 20px 20px 30px 20px;
+        content: '';
-
-      .title {
-        font-size: 20px;
-        color: #000;
-        font-weight: bold;
-        margin-bottom: 20px;
       }
     }
-
-    .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-form-item-required) {
-    :deep(.ant-select-selector) {
+    &::before {
-      overflow-x: scroll;
+      font-size: 8px;
-    }
+      margin-right: 10px;
-
-    :deep(.ant-select-selection-overflow) {
-      flex-wrap: nowrap;
     }
   }
 
-  textarea {
+  :deep(.ant-input) {
-    resize: none;
+    border: 1px solid #e0e0e0;
-    font-size: 14px;
-  }
-
-  .bottom-btn {
-    display: flex;
-    justify-content: center;
-    // position: fixed;
-  }
-
-  .cancel-apply {
-    width: 80px;
-    height: 38px;
-    margin-right: 20px;
-    background: #e1edfa;
-    color: #0087ff;
-    font-size: 14px;
     border-radius: 6px;
-    border: none;
-    padding: 0;
-    text-align: center;
   }
 
-  .confirm-apply {
+  .success {
-    width: 80px;
+    div {
-    height: 38px;
+      width: 100px;
-    background: #0087ff;
+      margin: 80px auto 40px;
-    color: #fff;
+    }
-    font-size: 14px;
+
-    border-radius: 6px;
-    border: none;
-    padding: 0;
     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;
+}
+
+.cancel-apply {
+  width: 80px;
+  height: 38px;
+  margin-right: 20px;
+  background: #e1edfa;
+  color: #0087ff;
+  font-size: 14px;
+  border-radius: 6px;
+  border: none;
+  padding: 0;
+  text-align: center;
+}
+
+.confirm-apply {
+  width: 80px;
+  height: 38px;
+  background: #0087ff;
+  color: #fff;
+  font-size: 14px;
+  border-radius: 6px;
+  border: none;
+  padding: 0;
+  text-align: center;
+}
 </style>