From 5ffeb562dacc3d2cef67aca6768f77b20cce84a4 Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Mon, 4 Jul 2022 11:56:45 +0800
Subject: [PATCH] =?UTF-8?q?BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Algorithm/AlgorithmNavigation.vue         |  32 ++--
 front/src/views/home/AbilityToApplyFor.vue    | 139 +++++++++++++-----
 front/src/views/home/apply.vue                | 117 +++++++--------
 .../home/components/searchResultList.vue      |   3 +
 4 files changed, 169 insertions(+), 122 deletions(-)

diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmNavigation.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmNavigation.vue
index 9658235f..c66d5ed0 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmNavigation.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmNavigation.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-08 14:54:01
- * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-06-30 17:09:40
+ * @LastEditors: hisense.liangjunhua
+ * @LastEditTime: 2022-07-04 10:08:10
  * @Description: 算法详情页导航
 -->
 <template>
@@ -65,19 +65,21 @@
   ])
   const list = ref([])
   // 根据能力id查询是否存在关联应用
-  queryPartAppByKeyId2({ keyId: keyId }).then((res) => {
-    console.log('ressssssss', res)
-    if (res.data.data.length > 0) {
-      // 存在关联应用时在导航栏加入关联应用
-      navList.value.unshift({
-        name: '关联应用',
-        key: 'algorithm-associated-ability',
-        show: true,
-      })
-      // list.value.push('关联应用')
-      console.log('navList', navList)
-    }
-  })
+  if (keyId) {
+    queryPartAppByKeyId2({ keyId: keyId }).then((res) => {
+      console.log('ressssssss', res)
+      if (res.data.data.length > 0) {
+        // 存在关联应用时在导航栏加入关联应用
+        navList.value.unshift({
+          name: '关联应用',
+          key: 'algorithm-associated-ability',
+          show: true,
+        })
+        // list.value.push('关联应用')
+        console.log('navList', navList)
+      }
+    })
+  }
   const props = defineProps({
     selectNow: { type: String, default: '' },
     dataList: { type: Object, default: null },
diff --git a/front/src/views/home/AbilityToApplyFor.vue b/front/src/views/home/AbilityToApplyFor.vue
index 7fd3236b..4653565c 100644
--- a/front/src/views/home/AbilityToApplyFor.vue
+++ b/front/src/views/home/AbilityToApplyFor.vue
@@ -1,6 +1,10 @@
 <template>
-  <div class="ability-to-apply-for">
-    <div class="title">申请能力</div>
+  <div class="ability-to-apply-for" :class="{ all: falg }">
+    <div class="title">
+      <span>申请能力</span>
+      <span class="btn" @click="falg = !falg" v-show="!falg">展开</span>
+      <span class="btn" @click="falg = !falg" v-show="falg">收起</span>
+    </div>
     <div
       v-for="(item, index) in dataForm"
       :key="index"
@@ -12,20 +16,38 @@
       </div>
       <template v-for="val in item.arr" :key="val.resourceId">
         <div class="item">
-          <div class="name">
-            <span>{{ val.resourceName }}</span>
-            <span>{{ val.type }}</span>
-          </div>
-          <div class="description">
-            {{
-              val.description ||
-              (val.note1 &&
-                JSON.parse(val.note1)[0].channelName +
-                  '等' +
-                  JSON.parse(val.note1).length +
-                  '个摄像头') ||
-              '--'
-            }}
+          <div
+            class="tx"
+            :class="
+              val.type == '基础设施'
+                ? 'sxt'
+                : val.componentType == '智能算法'
+                ? 'znsf'
+                : val.componentType == '图层服务'
+                ? 'tcfw'
+                : val.componentType == '开发组件'
+                ? 'kfzj'
+                : val.componentType == '业务组件'
+                ? 'ywzj'
+                : ''
+            "
+          ></div>
+          <div class="text">
+            <div class="name">
+              <span>{{ val.resourceName }}</span>
+              <span>{{ val.type }}</span>
+            </div>
+            <div class="description">
+              {{
+                val.description ||
+                (val.note1 &&
+                  JSON.parse(val.note1)[0].channelName +
+                    '等' +
+                    JSON.parse(val.note1).length +
+                    '个摄像头') ||
+                '--'
+              }}
+            </div>
           </div>
           <div class="remove" @click="removeFunction(val)"></div>
         </div>
@@ -35,27 +57,29 @@
 </template>
 
 <script setup>
-  import { useRouter } from 'vue-router'
+  // import { useRouter } from 'vue-router'
   import { message } from 'ant-design-vue'
   import { ref, defineProps } from 'vue'
-  import mybus from '@/myplugins/mybus'
+  // import mybus from '@/myplugins/mybus'
   const props = defineProps({
     dataList: { type: Array, default: null },
   })
+  const falg = ref(false)
   let dataForm = ref([])
   // eslint-disable-next-line vue/no-setup-props-destructure
   dataForm.value = props.dataList
-  const router = useRouter()
-  const arr =
-    router.currentRoute.value.query.name instanceof Array
-      ? router.currentRoute.value.query.name
-      : [router.currentRoute.value.query.name]
-  const dataResourceId = router.currentRoute.value.query.resourceId
+  console.log(dataForm.value)
+  // const router = useRouter()
+  // const arr =
+  //   router.currentRoute.value.query.name instanceof Array
+  //     ? router.currentRoute.value.query.name
+  //     : [router.currentRoute.value.query.name]
+  // const dataResourceId = router.currentRoute.value.query.resourceId
 
-  const depList = ref({
-    Name: [],
-    depID: [],
-  })
+  // const depList = ref({
+  //   Name: [],
+  //   depID: [],
+  // })
   //移除方法
   const removeFunction = (data) => {
     dataForm.value.map((val) => {
@@ -71,25 +95,26 @@
 
 <style scoped lang="less">
   .ability-to-apply-for {
+    height: 290px;
+    overflow: hidden;
     .title {
       font-size: 0.16rem;
       color: #212121;
       border-bottom: 0.01rem #dddee1 solid;
       padding-bottom: 0.1rem;
       margin-bottom: 0.2rem;
+      display: flex;
+      justify-content: space-between;
     }
     .ability-to-apply-for-content {
-      // margin-bottom: 0.3rem;
-      // border-bottom: 0.01rem #dddee1 solid;
-      // padding-bottom: 0.3rem;
       padding-right: 0.5rem;
       position: relative;
       .dep-name {
         color: #0558e1;
-        font-size: 0.18rem;
+        font-size: 0.22rem;
         display: flex;
         align-items: center;
-        line-height: 0.18rem;
+        line-height: 0.22rem;
         margin-bottom: 0.2rem;
         span {
           display: inline-block;
@@ -104,14 +129,19 @@
         padding-bottom: 0.1rem;
         margin-bottom: 0.1rem;
         border-bottom: 1px solid #dddee1;
-        position: relative;
+        display: flex;
+        align-items: center;
+        .text {
+          margin-left: 0.2rem;
+          width: 8.8rem;
+        }
       }
       .name {
         margin-bottom: 0.2rem;
         span:first-child {
           display: inline-block;
           margin-right: 0.08rem;
-          font-size: 0.2rem;
+          font-size: 0.18rem;
           color: #000000;
         }
         span:last-child {
@@ -122,16 +152,13 @@
         }
       }
       .description {
-        width: 10rem;
+        width: 8.8rem;
         color: rgba(0, 0, 0, 0.45);
       }
       .remove {
+        margin-left: 0.1rem;
         width: 0.32rem;
         height: 0.32rem;
-        position: absolute;
-        right: 0;
-        top: 50%;
-        margin-top: -0.16rem;
         background: url('~@/assets/home/remove.png') no-repeat;
         background-size: cover;
         cursor: pointer;
@@ -142,4 +169,36 @@
       }
     }
   }
+  .all {
+    height: unset;
+  }
+  .btn {
+    cursor: pointer;
+  }
+  .tx {
+    display: inline-block;
+    width: 0.8rem;
+    height: 0.8rem;
+    margin-left: 0.1rem;
+  }
+  .sxt {
+    background: url('~@/assets/home/sxt_square.png') no-repeat;
+    background-size: 100%;
+  }
+  .znsf {
+    background: url('~@/assets/home/znsf_square.png') no-repeat;
+    background-size: 100%;
+  }
+  .tcfw {
+    background: url('~@/assets/home/tcfw_square.png') no-repeat;
+    background-size: 100%;
+  }
+  .kfzj {
+    background: url('~@/assets/home/kfzj_square.png') no-repeat;
+    background-size: 100%;
+  }
+  .ywzj {
+    background: url('~@/assets/home/ywzj_square.png') no-repeat;
+    background-size: 100%;
+  }
 </style>
diff --git a/front/src/views/home/apply.vue b/front/src/views/home/apply.vue
index af30afdb..d3d6a256 100644
--- a/front/src/views/home/apply.vue
+++ b/front/src/views/home/apply.vue
@@ -118,9 +118,10 @@
                   name="applicationBackground"
                   :rules="[{ required: true, message: '请输入应用背景' }]"
                 >
-                  <a-input
+                  <a-textarea
                     placeholder="请输入应用背景"
                     v-model:value="formName.applicationBackground"
+                    :rows="4"
                   />
                 </a-form-item>
               </div>
@@ -130,9 +131,10 @@
                   name="effectWish"
                   :rules="[{ required: true, message: '请输入期望效果' }]"
                 >
-                  <a-input
+                  <a-textarea
                     placeholder="请输入期望效果"
                     v-model:value="formName.effectWish"
+                    :rows="4"
                   />
                 </a-form-item>
               </div>
@@ -173,7 +175,7 @@
                 </a-upload>
               </a-form-item>
 
-              <a-form-item :wrapper-col="{ offset: 8, span: 16 }">
+              <div class="bottom-btn">
                 <a-button
                   style="
                     width: 80px;
@@ -211,7 +213,7 @@
                 >
                   提交申请
                 </a-button>
-              </a-form-item>
+              </div>
             </a-form>
           </div>
           <div class="success" v-else>
@@ -504,6 +506,7 @@
         },
       ])
       const systemOptions = ref([])
+      const systemOptions2 = ref([])
 
       const handleChange = (info) => {
         if (info.file.status !== 'uploading') {
@@ -536,83 +539,50 @@
         return isPNG || Upload.LIST_IGNORE
       }
       const fileList = ref([])
-      //删除改变arr
-      // mybus.on('reomveOldData', (item) => {
-      //   debugger
-      //   arr = []
-      //   formName.system = []
-      //   record.value = record.value + '1'
-      //   arr = item.Name
-      //   // dataResourceId = item.depID
-      //   if (arr && arr.length !== 0) {
-      //     disabled.value = true
-      //     let str = ''
-      //     arr.forEach((val, index) => {
-      //       str += val
-      //       if (index < arr.length - 1) {
-      //         str += '、'
-      //       }
-      //     })
-      //     formName.formNameSystem = str
-      //   }
-      //   arr.forEach((val, index) => {
-      //     formName.system.push({
-      //       resourceName: val,
-      //       // resourceId: dataResourceId[index],
-      //     })
-      //   })
-      // })
       // 应用系统下拉
-      const flag = ref(true)
       const systemHandleChange = (value) => {
         console.log(`selected ${value}`)
       }
       const systemHandleSearch = (value) => {
         console.log(`search ${value}`)
         text.value = value
-        systemOptions.value = []
-        window.setTimeout(() => {
-          if (flag.value && text.value == value && text.value !== '') {
-            console.log('1秒未输入~~~~~~~~~~~~~~~~~~~~~~~~~~')
-            pageWithAttrs({
-              pageNum: 99999,
-              pageSize: 5,
-              type: '应用资源',
-              name: text.value,
-              infoList: [],
-            }).then((res) => {
-              if (res.data.code == 0) {
-                if (res.data.data.records.length == 0) {
-                  message.warning('该关键词，暂无应用资源！')
-                } else {
-                  res.data.data.records.map((val) => {
-                    systemOptions.value.push({
-                      value: val.name,
-                      label: val.name,
-                    })
-                  })
-                  console.log(
-                    '第一次获取===================>',
-                    systemOptions.value
-                  )
-                }
-              } else {
-                message.error('获取数据失败!')
-              }
-            })
-          }
-        }, 2000)
+        systemOptions.value = systemOptions2.value.filter(
+          (item) => item.label.search(text.value) > -1
+        )
       }
-
+      pageWithAttrs({
+        pageNum: 1,
+        pageSize: 99999,
+        type: '应用资源',
+        name: '',
+        infoList: [],
+      }).then((res) => {
+        if (res.data.code == 0) {
+          if (res.data.data.records.length == 0) {
+            message.warning('该关键词，暂无应用资源！')
+          } else {
+            res.data.data.records.map((val) => {
+              systemOptions2.value.push({
+                value: val.name,
+                label: val.name,
+              })
+            })
+            // console.log('第一次获取===================>', systemOptions2.value)
+          }
+        } else {
+          message.error('应用系统获取数据失败!')
+        }
+      })
       const handleBlur = () => {
         console.log('blur')
-        flag.value = false
       }
 
       const handleFocus = () => {
         console.log('focus')
-        flag.value = true
-        systemOptions.value = []
+        // console.log(formName.applicationSystem)
+        // formName.applicationSystem = []
+        systemOptions.value = systemOptions2.value
+        // systemOptions.value = []
       }
 
       // const filterOption = (input, option) => {
@@ -727,4 +697,17 @@
       flex-wrap: nowrap;
     }
   }
+  textarea {
+    resize: none;
+    font-size: 14px;
+  }
+  .bottom-btn {
+    display: flex;
+    justify-content: center;
+    // position: fixed;
+  }
+  :deep(.ant-form-item-control-input-content) {
+    display: flex;
+    justify-content: space-around;
+  }
 </style>
diff --git a/front/src/views/home/components/searchResultList.vue b/front/src/views/home/components/searchResultList.vue
index a17ce205..52309ca7 100644
--- a/front/src/views/home/components/searchResultList.vue
+++ b/front/src/views/home/components/searchResultList.vue
@@ -437,6 +437,9 @@
                       resourceName: item.name,
                       time: item.createDate,
                       type: item.type,
+                      componentType: item.infoList.filter(
+                        (val) => val.attrType == '组件类型'
+                      )[0].attrValue,
                     },
                   ],
                   deptId: item.deptId,