diff --git a/.gitignore b/.gitignore
index 95d963eb..ea7fa33a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,3 +8,5 @@ back/dist-市局-后台管理-v0.8.2.1.zip
 front/public/index.html
 back/dist-西海岸-后台管理-v0.8.2.1.zip
 back/dist-市局-后台管理-v0.8.2.3.zip
+back/dist-西海岸-后台管理-v0.8.2.4.d.zip
+*.zip
\ No newline at end of file
diff --git a/front/src/App.vue b/front/src/App.vue
index b3fb4074..a8da9aa8 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.wuhongjian
  * @Date: 2022-05-06 11:12:00
  * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-06-21 16:59:46
+ * @LastEditTime: 2022-07-20 11:05:25
  * @Description: 告诉大家这是什么
 -->
 <template>
@@ -32,5 +32,6 @@
     margin: auto;
     height: 100%;
     position: relative;
+    background-color: #fff;
   }
 </style>
diff --git a/front/src/views/abilityStatistics/components/AtlasResources.vue b/front/src/views/abilityStatistics/components/AtlasResources.vue
index 454685fd..2ea72f94 100644
--- a/front/src/views/abilityStatistics/components/AtlasResources.vue
+++ b/front/src/views/abilityStatistics/components/AtlasResources.vue
@@ -385,7 +385,7 @@
     }
     console.log('展示详情================>', item, flag.value, nowShow.value)
   }
-  // 能力集 971px 560px
+  // 能力集 9.71rem 5.60rem
   const bubbleList = ref([])
   // 所有坐标
   const coordinate = ref([])
@@ -481,7 +481,7 @@
         }, index * 100)
         val.style.width = coordinate.value[index][2] + 'px'
         val.style.height = coordinate.value[index][2] + 'px'
-        val.style.fontSize = '14px'
+        val.style.fontSize = '0.14rem'
         if (index % 2 == 0) {
           val.classList.add('blue')
         } else {
@@ -530,70 +530,70 @@
 </script>
 <style lang="less" scoped>
   .atlas-resources {
-    height: 970px;
+    height: 9.7rem;
     width: 100%;
-    padding: 80px 0 50px;
+    padding: 0.8rem 0 0.5rem;
     .title {
-      font-size: 32px;
+      font-size: 0.32rem;
       text-align: center;
-      margin-bottom: 15px;
+      margin-bottom: 0.15rem;
     }
     .line {
-      width: 35px;
-      height: 4px;
+      width: 0.35rem;
+      height: 0.04rem;
       background: #1890ff;
-      margin-bottom: 20px;
-      margin-left: 930px;
+      margin-bottom: 0.2rem;
+      margin-left: 9.3rem;
     }
     .main {
       width: 100%;
-      height: 800px;
-      margin-top: 10px;
-      padding: 60px 302px;
+      height: 8rem;
+      margin-top: 0.1rem;
+      padding: 0.6rem 3.02rem;
       background: url('~@/assets/abilityStatistics/tp-bg.png') no-repeat;
       display: flex;
       .left {
         div {
-          width: 178px;
-          height: 84px;
-          font-size: 16px;
-          line-height: 84px;
+          width: 1.78rem;
+          height: 0.84rem;
+          font-size: 0.16rem;
+          line-height: 0.84rem;
           text-align: center;
           color: rgba(255, 255, 255, 0.6);
           background: rgba(255, 255, 255, 0.08);
-          margin-bottom: 1px;
-          border-right: 2px solid rgba(233, 233, 233, 0.3);
+          margin-bottom: 0.01rem;
+          border-right: 0.02rem solid rgba(233, 233, 233, 0.3);
           cursor: pointer;
         }
         .select {
           background: rgba(255, 255, 255, 0.18) !important;
-          border-right: 2px solid #fff;
+          border-right: 0.02rem solid #fff;
         }
       }
       .right {
         width: 100%;
-        margin-left: 30px;
+        margin-left: 0.3rem;
         background: #fff;
         .itemList {
           width: 100%;
           display: flex;
           flex-wrap: wrap;
-          font-size: 16px;
-          padding: 20px;
+          font-size: 0.16rem;
+          padding: 0.2rem;
           .item {
             width: 48%;
-            height: 40px;
-            margin-top: 7px;
-            padding: 10px;
+            height: 0.4rem;
+            margin-top: 0.07rem;
+            padding: 0.1rem;
             .top {
               display: flex;
               justify-content: space-between;
               align-items: center;
-              padding: 8px 10px;
+              padding: 0.08rem 0.1rem;
               .name {
-                width: 300px;
+                width: 3rem;
                 text-align: right;
-                margin-right: 10px;
+                margin-right: 0.1rem;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 display: -webkit-box;
@@ -602,36 +602,36 @@
                 word-break: break-all;
               }
               .num {
-                width: 100px;
-                margin-left: 10px;
+                width: 1rem;
+                margin-left: 0.1rem;
               }
               .percentage {
-                width: 100px;
-                margin-left: 10px;
+                width: 1rem;
+                margin-left: 0.1rem;
               }
               .img {
-                width: 20px;
+                width: 0.2rem;
               }
             }
             .showBottom {
               background: rgba(0, 88, 225, 0.1);
-              border-radius: 2px;
+              border-radius: 0.02rem;
             }
             .bottom {
-              width: 527px;
-              height: 165px;
-              margin-top: 5px;
+              width: 5.27rem;
+              height: 1.65rem;
+              margin-top: 0.05rem;
               background: #fff;
-              border: 1px solid #0058e1;
+              border: 0.01rem solid #0058e1;
               position: absolute;
               z-index: 1000;
               .up {
-                margin: 10px;
-                font-size: 16px;
+                margin: 0.1rem;
+                font-size: 0.16rem;
                 span {
-                  margin-right: 9px;
+                  margin-right: 0.09rem;
                   font-weight: 600;
-                  font-size: 16px;
+                  font-size: 0.16rem;
                 }
                 span:nth-of-type(2),
                 span:nth-of-type(3) {
@@ -639,7 +639,7 @@
                   background: url('~@/assets/abilityStatistics/bq-bg.png')
                     no-repeat;
                   background-size: 100%;
-                  padding: 0 15px;
+                  padding: 0 0.15rem;
                   color: #0058e1;
                 }
               }
@@ -648,11 +648,11 @@
                 flex-wrap: wrap;
                 align-items: center;
                 justify-content: space-between;
-                padding: 0 10px;
+                padding: 0 0.1rem;
                 .type {
                   width: 20%;
-                  margin-bottom: 15px;
-                  font-size: 14px;
+                  margin-bottom: 0.15rem;
+                  font-size: 0.14rem;
                   :deep(.ant-radio-inner::after) {
                     background-color: #1890ff;
                   }
@@ -680,7 +680,7 @@
             }
           }
           .item:nth-child(2n) {
-            margin-left: 40px;
+            margin-left: 0.4rem;
           }
         }
         .bubble {
@@ -690,12 +690,12 @@
           display: flex;
           position: relative;
           div {
-            width: 160px;
-            height: 160px;
+            width: 1.6rem;
+            height: 1.6rem;
             display: flex;
             align-items: center;
             justify-content: center;
-            padding: 15px;
+            padding: 0.15rem;
             text-align: center;
             // background: radial-gradient(
             //   closest-side at 50% 50%,
@@ -706,13 +706,13 @@
             //   rgb(106, 178, 206) 100%
             // );
             color: #fff;
-            font-size: 18px;
+            font-size: 0.18rem;
             border-radius: 50%;
-            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+            box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
             position: absolute;
             opacity: 0;
-            top: 259px;
-            left: 471.5px;
+            top: 2.59rem;
+            left: 471.05rem;
             transition: all 1s;
             span {
               overflow: hidden;
@@ -729,7 +729,7 @@
           p {
             cursor: pointer;
             position: absolute;
-            right: 10px;
+            right: 0.1rem;
             bottom: 0;
           }
           .box {
@@ -739,12 +739,12 @@
             justify-content: center;
             align-items: center;
             .departmentList {
-              width: 150px;
-              max-height: 400px;
+              width: 1.5rem;
+              max-height: 4rem;
               background: rgba(130, 191, 255, 0.79);
-              border-radius: 5px;
+              border-radius: 0.05rem;
               position: absolute;
-              padding: 10px;
+              padding: 0.1rem;
               display: flex;
               flex-wrap: wrap;
               align-items: center;
@@ -762,7 +762,7 @@
                 word-break: break-all;
               }
               span:hover {
-                border: 1px solid #147ad8;
+                border: 0.01rem solid #147ad8;
               }
             }
           }
@@ -791,7 +791,7 @@
               #dbeaff 95%,
               #cce0ff 100%
             );
-            border: 1px solid #bed7ff;
+            border: 0.01rem solid #bed7ff;
             color: #000;
           }
         }
diff --git a/front/src/views/capabilityCloud/components/ComponentServices.vue b/front/src/views/capabilityCloud/components/ComponentServices.vue
index 4e0f6215..799722d6 100644
--- a/front/src/views/capabilityCloud/components/ComponentServices.vue
+++ b/front/src/views/capabilityCloud/components/ComponentServices.vue
@@ -393,15 +393,14 @@
   //组件服务数量接口
   const NumberOfComponentServices = () => {
     assemblerBaseStatic().then((res) => {
-      snum.value[0].num = res.data.data[0].amount
       res.data.data.map((item, index) => {
-        if (index != 0) {
-          servicesSnum.value.map((servicesSnumitem, servicesSnumindex) => {
-            if (servicesSnumitem.type == item.type) {
-              servicesSnum.value[servicesSnumindex].amount = item.amount
-            }
-          })
-        }
+        servicesSnum.value.map((servicesSnumitem, servicesSnumindex) => {
+          if (servicesSnumitem.type == item.type) {
+            servicesSnum.value[servicesSnumindex].amount = item.amount
+          } else if (item.type == '上架总数') {
+            snum.value[0].num = item.amount
+          }
+        })
       })
     })
   }
diff --git a/front/src/views/capacityOnTheShelf/Algorithm.vue b/front/src/views/capacityOnTheShelf/Algorithm.vue
index b0340a92..3c2205dd 100644
--- a/front/src/views/capacityOnTheShelf/Algorithm.vue
+++ b/front/src/views/capacityOnTheShelf/Algorithm.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-13 10:22:27
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-16 14:27:31
+ * @LastEditTime: 2022-07-19 20:04:47
  * @Description: 算法上架
 -->
 <template>
@@ -24,25 +24,41 @@
     <div class="vue-box">
       <put-on-the-shelf
         v-if="showView === '基本信息' && refData.name"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :videoList="videoList"
-        :externalField="['算法名称', '算法描述', '共享条件', '共享类型']"
+        :externalField="[
+          '算法名称',
+          '算法描述',
+          '共享条件',
+          '共享类型',
+          '归属部门',
+          '部门联系人',
+          '部门联系人电话',
+        ]"
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '算法优势'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :configure="sfys"
+        @next="next()"
+        @back="back()"
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '应用场景'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :configure="yycj"
+        @next="next()"
+        @back="back()"
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '部署与使用'"
+        ref="refPutOnTheShelf"
         :refData="refData"
         :dataFrom="dataFrom"
         :fileList="fileList"
@@ -50,6 +66,8 @@
         :imgList="imgList"
         :externalField="['接口服务', '接口请求方式']"
         :configure="bs"
+        @submit="submit()"
+        @back="back()"
       ></put-on-the-shelf>
       <!-- <algorithm-essential-information
         v-if="showView === '基本信息' && refData.name"
@@ -82,12 +100,134 @@
     </div>
     <div class="btn" :class="showView === '基本信息' ? 'first' : ''">
       <button @click="close()">取消</button>
-      <button v-show="showView !== '基本信息'" @click="back()">上一步</button>
+      <a-popconfirm
+        v-if="
+          showView == '算法优势' &&
+          sfys[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          sfys[0].list.filter((val) => val.note1 !== '').length !==
+            sfys[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否返回上一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeSfys('上一步')"
+        @cancel="cancel"
+      >
+        <button>上一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '算法优势' &&
+          sfys[0].list.filter((val) => val.note1 !== '').length ==
+            sfys[0].list.length
+        "
+        @click="changeSfys('上一步')"
+      >
+        上一步
+      </button>
+      <a-popconfirm
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          yycj[0].list.filter((val) => val.note1 !== '').length !==
+            yycj[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否返回上一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeYycj('上一步')"
+        @cancel="cancel"
+      >
+        <button>上一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length ==
+            yycj[0].list.length
+        "
+        @click="changeYycj('上一步')"
+      >
+        上一步
+      </button>
+      <button v-else-if="showView !== '基本信息'" @click="back()">
+        上一步
+      </button>
       <button v-show="showView === '部署与使用'" @click="preview()">
         预览
       </button>
-      <button v-show="showView !== '部署与使用'" @click="next()">下一步</button>
-      <button v-show="showView === '部署与使用'" @click="submit()">提交</button>
+      <a-popconfirm
+        v-if="
+          showView == '算法优势' &&
+          sfys[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          sfys[0].list.filter((val) => val.note1 !== '').length !==
+            sfys[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否进行下一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeSfys('下一步')"
+        @cancel="cancel"
+      >
+        <button>下一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '算法优势' &&
+          sfys[0].list.filter((val) => val.note1 !== '').length ==
+            sfys[0].list.length
+        "
+        @click="changeSfys('下一步')"
+      >
+        下一步
+      </button>
+      <a-popconfirm
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
+          yycj[0].list.filter((val) => val.note1 !== '').length !==
+            yycj[0].list.length
+        "
+        title="如果信息未填写完整将会被丢弃，是否进行下一步?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeYycj('下一步')"
+        @cancel="cancel"
+      >
+        <button>下一步</button>
+      </a-popconfirm>
+      <button
+        v-else-if="
+          showView == '应用场景' &&
+          yycj[0].list.filter((val) => val.note1 !== '').length ==
+            yycj[0].list.length
+        "
+        @click="changeYycj('下一步')"
+      >
+        下一步
+      </button>
+      <button v-else-if="showView !== '部署与使用'" @click="next()">
+        下一步
+      </button>
+      <a-popconfirm
+        v-if="
+          showView === '部署与使用' &&
+          (bs[0].list.filter(
+            (val) => val.note1 !== '' && val.name !== '计费方式'
+          ).length > 0 ||
+            bs[1].list.filter((val) => val.note1 !== '').length > 0)
+        "
+        title="如果计费标准信息或常见问题未填写完整将会被丢弃，是否进行提交?"
+        ok-text="是"
+        cancel-text="否"
+        @confirm="changeBs('提交')"
+        @cancel="cancel"
+      >
+        <button>提交</button>
+      </a-popconfirm>
+      <button v-else-if="showView === '部署与使用'" @click="submit()">
+        提交
+      </button>
     </div>
   </div>
 </template>
@@ -272,7 +412,7 @@
         dataFrom.value.id = res.data.data
         getUser().then((res6) => {
           getUserInfo(res6.data.data.id).then((res2) => {
-            const deptId = res2.data.data.deptId
+            const deptId = dataFrom.value.deptId
             const userId = res2.data.data.id
             const userName = res2.data.data.realName
             const params = {
@@ -332,6 +472,21 @@
       console.log('所有编目结构==============>', res.data.data)
     })
   }
+  // 特殊字段处理
+  const refPutOnTheShelf = ref(null)
+  const changeSfys = (type) => {
+    console.log(refPutOnTheShelf, sfys.value)
+    refPutOnTheShelf.value.add('算法优势', true, type)
+  }
+  const changeYycj = (type) => {
+    console.log(refPutOnTheShelf)
+    refPutOnTheShelf.value.add('应用场景', true, type)
+  }
+  const changeBs = (type) => {
+    console.log(refPutOnTheShelf)
+    refPutOnTheShelf.value.add('计费标准信息', true)
+    refPutOnTheShelf.value.add('常见问题', true, type)
+  }
   init()
   mybus.on('chageDataFrom', (obj) => {
     if (obj.attrType == '技术文档' && obj.attrValue != null) {
@@ -386,6 +541,16 @@
       case '接口请求方式':
         dataFrom.value.apiMethodType = obj.attrValue
         break
+      case '归属部门':
+        dataFrom.value.deptId = obj.attrValue
+        dataFrom.value.deptName = obj.attrValueTwo.label
+        break
+      case '部门联系人':
+        dataFrom.value.deptContacts = obj.attrValue
+        break
+      case '部门联系人电话':
+        dataFrom.value.deptPhone = obj.attrValue
+        break
     }
     // console.log('dataFrom.value', dataFrom.value)
   })
diff --git a/front/src/views/capacityOnTheShelf/Application.vue b/front/src/views/capacityOnTheShelf/Application.vue
index 9e66206a..dae497f0 100644
--- a/front/src/views/capacityOnTheShelf/Application.vue
+++ b/front/src/views/capacityOnTheShelf/Application.vue
@@ -28,7 +28,13 @@
         :dataFrom="dataFrom"
         :videoList="videoList"
         :imgList="imgList"
-        :externalField="['应用名称', '应用描述']"
+        :externalField="[
+          '应用名称',
+          '应用描述',
+          '归属部门',
+          '部门联系人',
+          '部门联系人电话',
+        ]"
       ></put-on-the-shelf>
       <put-on-the-shelf
         v-else-if="showView === '功能介绍'"
@@ -225,7 +231,7 @@
         dataFrom.value.id = res.data.data
         getUser().then((res6) => {
           getUserInfo(res6.data.data.id).then((res2) => {
-            const deptId = res2.data.data.deptId
+            const deptId = dataFrom.value.deptId
             const userId = res2.data.data.id
             const userName = res2.data.data.realName
             const params = {
@@ -339,6 +345,10 @@
       case '访问地址':
         dataFrom.value.link = obj.attrValue
         break
+      case '归属部门':
+        dataFrom.value.deptId = obj.attrValue
+        dataFrom.value.deptName = obj.attrValueTwo.label
+        break
       case '部门联系人':
         dataFrom.value.deptContacts = obj.attrValue
         break
diff --git a/front/src/views/capacityOnTheShelf/BusinessComponent.vue b/front/src/views/capacityOnTheShelf/BusinessComponent.vue
index 9d8a9617..dd1d89e2 100644
--- a/front/src/views/capacityOnTheShelf/BusinessComponent.vue
+++ b/front/src/views/capacityOnTheShelf/BusinessComponent.vue
@@ -32,6 +32,7 @@
           '组件描述',
           '共享条件',
           '共享类型',
+          '归属部门',
           '部门联系人',
           '部门联系人电话',
         ]"
@@ -253,7 +254,7 @@
         dataFrom.value.id = res.data.data
         getUser().then((res6) => {
           getUserInfo(res6.data.data.id).then((res2) => {
-            const deptId = res2.data.data.deptId
+            const deptId = dataFrom.value.deptId
             const userId = res2.data.data.id
             const userName = res2.data.data.realName
             const params = {
@@ -349,6 +350,10 @@
       case '共享类型':
         dataFrom.value.shareType = obj.attrValue
         break
+      case '归属部门':
+        dataFrom.value.deptId = obj.attrValue
+        dataFrom.value.deptName = obj.attrValueTwo.label
+        break
       case '部门联系人':
         dataFrom.value.deptContacts = obj.attrValue
         break
diff --git a/front/src/views/capacityOnTheShelf/DevelopmentComponents.vue b/front/src/views/capacityOnTheShelf/DevelopmentComponents.vue
index 9203d616..ead4358f 100644
--- a/front/src/views/capacityOnTheShelf/DevelopmentComponents.vue
+++ b/front/src/views/capacityOnTheShelf/DevelopmentComponents.vue
@@ -33,6 +33,7 @@
           '组件描述',
           '共享条件',
           '共享类型',
+          '归属部门',
           '部门联系人',
           '部门联系人电话',
         ]"
@@ -253,7 +254,7 @@
         dataFrom.value.id = res.data.data
         getUser().then((res6) => {
           getUserInfo(res6.data.data.id).then((res2) => {
-            const deptId = res2.data.data.deptId
+            const deptId = dataFrom.value.deptId
             const userId = res2.data.data.id
             const userName = res2.data.data.realName
             const params = {
@@ -349,6 +350,10 @@
       case '共享类型':
         dataFrom.value.shareType = obj.attrValue
         break
+      case '归属部门':
+        dataFrom.value.deptId = obj.attrValue
+        dataFrom.value.deptName = obj.attrValueTwo.label
+        break
       case '部门联系人':
         dataFrom.value.deptContacts = obj.attrValue
         break
diff --git a/front/src/views/capacityOnTheShelf/LayerServices.vue b/front/src/views/capacityOnTheShelf/LayerServices.vue
index 0c58e0e2..4d898100 100644
--- a/front/src/views/capacityOnTheShelf/LayerServices.vue
+++ b/front/src/views/capacityOnTheShelf/LayerServices.vue
@@ -32,6 +32,7 @@
           '图层描述',
           '共享条件',
           '共享类型',
+          '归属部门',
           '部门联系人',
           '部门联系人电话',
         ]"
@@ -201,7 +202,7 @@
         dataFrom.value.id = res.data.data
         getUser().then((res6) => {
           getUserInfo(res6.data.data.id).then((res2) => {
-            const deptId = res2.data.data.deptId
+            const deptId = dataFrom.value.deptId
             const userId = res2.data.data.id
             const userName = res2.data.data.realName
             const params = {
@@ -297,6 +298,10 @@
       case '共享类型':
         dataFrom.value.shareType = obj.attrValue
         break
+      case '归属部门':
+        dataFrom.value.deptId = obj.attrValue
+        dataFrom.value.deptName = obj.attrValueTwo.label
+        break
       case '部门联系人':
         dataFrom.value.deptContacts = obj.attrValue
         break
diff --git a/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue b/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
index d6830f7a..63898e7d 100644
--- a/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
+++ b/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-17 14:11:08
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-18 14:43:47
+ * @LastEditTime: 2022-07-19 18:51:52
  * @Description: 上架
 -->
 <template>
@@ -15,7 +15,7 @@
       </div>
       <template v-if="title.isConfigure">
         <div class="bottom">
-          <div class="items" v-if="data[title.name].length > 0">
+          <!-- <div class="items" v-if="data[title.name].length > 0">
             <div
               class="item"
               v-for="(val, index) in data[title.name]"
@@ -42,8 +42,92 @@
                 <div @click="del(title.name, index)">删除</div>
               </div>
             </div>
+          </div> -->
+          <div
+            v-for="(val, index) in data[title.name]"
+            :key="'key1' + val.name + index"
+          >
+            <div
+              style="
+                font-size: 0.18rem;
+                font-weight: 600;
+                display: flex;
+                justify-content: flex-start;
+              "
+            >
+              <span>{{ title.name }}-{{ index + 1 }}</span>
+              <a-popconfirm
+                :title="'是否删除该条' + title.name + '?'"
+                ok-text="是"
+                cancel-text="否"
+                @confirm="del(title.name, index)"
+              >
+                <div class="del">
+                  <i class="delImg"></i>
+                  <div>删除</div>
+                </div>
+              </a-popconfirm>
+            </div>
+            <div
+              class="form"
+              v-for="attr in props.configure.filter(
+                (item, index2) => item.name === title.name
+              )[0].list"
+              :key="'key2' + attr.name + index2"
+            >
+              <span>{{ attr.name }}</span>
+              <a-input
+                disabled
+                v-model:value="val[attr.field]"
+                :maxlength="24"
+                :placeholder="'请填写' + attr.name + ',不超过24个字符'"
+                v-if="attr.type == 'input'"
+              />
+              <template v-if="attr.type == 'input2'">
+                <a-input
+                  disabled
+                  v-model:value="val[attr.field]"
+                  :placeholder="'请填写' + attr.name"
+                />
+              </template>
+              <a-textarea
+                disabled
+                v-model:value="val[attr.field]"
+                :showCount="true"
+                :maxlength="200"
+                :placeholder="'请填写' + attr.name"
+                v-else-if="attr.type == 'textArea'"
+              />
+              <!-- <a-radio-group
+                v-model:value="val[attr.field]"
+                :options="val.options"
+                @change="radioChange"
+                v-else-if="attr.type == 'radio'"
+              /> -->
+              <div v-else-if="attr.type == 'radio'">
+                {{ val[attr.field] + (attr.company || '') }}
+              </div>
+              <span v-else-if="attr.type === 'image'">
+                <a-image :width="85" :height="60" :src="val.img" />
+              </span>
+              <!-- <upload
+                :key="showKey"
+                type="图片"
+                btnName="上传图片"
+                :maxCount="1"
+                :data="val"
+                :list="[]"
+                tip="支持图片类型，大小不超过100M"
+                v-else-if="val.type == 'image'"
+              ></upload> -->
+            </div>
+          </div>
+          <!-- <div class="add" @click="add(title.name)">
+            添加更多{{ title.name }}
+          </div> -->
+          <div style="font-size: 0.18rem; font-weight: 600">
+            <span>{{ title.name }}-{{ data[title.name].length + 1 }}</span>
           </div>
-          <div class="add">添加更多{{ title.name }}</div>
           <div
             class="form"
             v-for="(val, index) in props.configure.filter(
@@ -112,7 +196,7 @@
           </div>
           <div class="submit">
             <a-button type="primary" @click="add(title.name)">
-              添加更多
+              添加更多{{ title.name }}
             </a-button>
           </div>
         </div>
@@ -234,12 +318,24 @@
               :list="props.videoList"
               tip="支持视频类型，大小不超过100M"
             ></upload>
-            <a-button
+            <!-- <a-button
               v-else-if="item.type == 'AssociatedApplication'"
               @click="sourceClick"
             >
               请选择来源应用
-            </a-button>
+            </a-button> -->
+            <a-select
+              v-else-if="item.type == 'select' && item.name == '来源应用'"
+              style="width: 2.4rem"
+              v-model:value="item.note1"
+              show-search
+              placeholder="请输入关键字"
+              :options="item.options"
+              :filter-option="applicationsOption"
+              @focus="applicationsFocus"
+              @blur="applicationsBlur"
+              @change="applicationsChange"
+            ></a-select>
             <a-button
               v-else-if="item.type == 'AssociatedComponents'"
               @click="componentsClick"
@@ -248,7 +344,7 @@
             </a-button>
             <a-select
               v-else-if="item.type == 'select' && item.name == '使用方式'"
-              style="width: 240px"
+              style="width: 2.4rem"
               v-model:value="item.note1"
               :placeholder="'请选择' + item.name"
               @change="showTypeClick"
@@ -263,7 +359,7 @@
             </a-select>
             <a-select
               v-else-if="item.type == 'select' && item.name !== '归属部门'"
-              style="width: 240px"
+              style="width: 2.4rem"
               v-model:value="item.note1"
               :placeholder="'请选择' + item.name"
             >
@@ -277,7 +373,7 @@
             </a-select>
             <a-select
               v-else-if="item.name === '归属部门'"
-              style="width: 240px"
+              style="width: 2.4rem"
               v-model:value="item.note1"
               show-search
               placeholder="请输入关键字"
@@ -315,7 +411,7 @@
               :title="titleName"
               @ok="handleOk"
               @cancel="handleCancel"
-              style="width: 960px"
+              style="width: 9.6rem"
             >
               <div>
                 <a-transfer
@@ -333,7 +429,7 @@
           <!-- 关联组件 -->
           <div class="AssociatedApplication">
             <a-modal
-              v-model:visible="visibleAssociatedApplication"
+              v-model:visible="visibleAssociatedApplicationOther"
               :title="titleName"
               @ok="handleOk"
               @cancel="handleCancel"
@@ -341,13 +437,13 @@
             >
               <div>
                 <a-transfer
-                  v-model:target-keys="targetKeys2"
-                  v-model:selected-keys="selectedKeys2"
-                  :data-source="mockData2"
+                  v-model:target-keys="targetKeysOther"
+                  v-model:selected-keys="selectedKeysOther"
+                  :data-source="mockDataOther"
                   :titles="titles"
                   :render="(item) => item.title"
-                  @change="handleChange1"
-                  @selectChange="handleSelectChange1"
+                  @change="handleChangeOther"
+                  @selectChange="handleSelectChangeOther"
                 />
               </div>
             </a-modal>
@@ -358,7 +454,14 @@
   </div>
 </template>
 <script setup>
-  import { ref, defineProps, watch, onMounted } from 'vue'
+  import {
+    ref,
+    defineProps,
+    watch,
+    onMounted,
+    defineExpose,
+    defineEmits,
+  } from 'vue'
   import mybus from '@/myplugins/mybus'
   import upload from '@/views/components/upload'
   import { message } from 'ant-design-vue'
@@ -369,7 +472,6 @@
     queryResourceRelByKeyId,
     filesUpload,
   } from '@/api/personalCenter'
-  import VueTemplateDemo from '@/views/personalCenter/VueTemplateDemo.vue'
   import { useRouter } from 'vue-router'
   const router = useRouter()
   const abilityToType = router.currentRoute.value.query.abilityToType
@@ -435,6 +537,7 @@
     //   ]
     // }]
   })
+  const emit = defineEmits(['next', 'back', 'submit'])
   // console.log('props==========>', props)
   const changeAdd = () => {
     console.log('子组件方法触发~')
@@ -514,6 +617,9 @@
             getUserInfo().then(({ data: res1 }) => {
               console.log(res1.data)
               item.note1 = res1.data.deptId
+              item.note2 = item.options.filter(
+                (val) => val.value == item.note1
+              )[0]
               console.log('默认部门=========>', item, res1.data)
               data.value.list.push(item)
             })
@@ -525,6 +631,7 @@
             console.log(res1.data)
             item.note1 = res1.data.realName || ''
           })
+          data.value.list.push(item)
         }
       } else if (item.name === '部门联系人电话') {
         if (!item.note1) {
@@ -532,7 +639,22 @@
             console.log(res1.data)
             item.note1 = res1.data.mobile || ''
           })
+          data.value.list.push(item)
         }
+      } else if (item.name === '来源应用') {
+        queryApplicationRelByResourceId({
+          referenceId: 0,
+        }).then((res) => {
+          const dataList = []
+          res.data.data.notLinked.forEach((element) => {
+            dataList.push({
+              value: element.id,
+              label: element.name,
+            })
+          })
+          item.options = dataList
+          data.value.list.push(item)
+        })
       } else {
         data.value.list.push(item)
       }
@@ -568,11 +690,10 @@
   }
   mybus.on('showTextFunctionEmit', (show) => {
     console.log('ssdcsd')
-    debugger
     showText.value = show
   })
   mybus.off('func')
-  const add = (title) => {
+  const add = (title, addFlag, type) => {
     console.log(title, 'title')
     let list = props.configure.filter((item) => item.name === title)[0].list
     let flag = true
@@ -624,8 +745,31 @@
         item.note1 = ''
         showKey.value++
       })
+      if (addFlag) {
+        if (type == '上一步') {
+          emit('back')
+        } else if (type == '下一步') {
+          emit('next')
+        } else if (type == '提交') {
+          emit('submit')
+        }
+      }
     } else {
-      message.warning('请填写完整')
+      if (!addFlag) {
+        message.warning('请填写完整')
+      } else {
+        list.forEach((item) => {
+          item.note1 = ''
+          showKey.value++
+        })
+        if (type == '上一步') {
+          emit('back')
+        } else if (type == '下一步') {
+          emit('next')
+        } else if (type == '提交') {
+          emit('submit')
+        }
+      }
     }
   }
   const del = (title, index) => {
@@ -652,15 +796,16 @@
   }
   // 来源应用
   const visibleAssociatedApplication = ref(false)
+  const visibleAssociatedApplicationOther = ref(false)
   const mockData = ref([])
-  const mockData2 = ref([])
+  const mockDataOther = ref([])
   const titles = ref(['未关联的应用名称', '已关联的应用名称'])
   const titleName = ref('来源应用')
   const targetKeys = ref([])
-  const targetKeys2 = ref([])
+  const targetKeysOther = ref([])
   // 上一步关联数据
   // const targetKeysBack = ref([])
-
+  // 来源应用-back
   const sourceClick = () => {
     mockData.value = []
     visibleAssociatedApplication.value = true
@@ -704,8 +849,8 @@
   const componentsClick = () => {
     titles.value = ['未关联的组件名称', '已关联的组件名称']
     titleName.value = '关联组件'
-    mockData2.value = []
-    visibleAssociatedApplication.value = true
+    visibleAssociatedApplicationOther.value = true
+    mockDataOther.value = []
     props.dataFrom.infoList.forEach((val) => {
       if (val.attrType === '关联组件信息' && val.attrValue != '') {
         queryResourceRelByKeyId({
@@ -715,18 +860,18 @@
         }).then((res) => {
           // console.log(res.data.data.notLinked)
           res.data.data.notLinked.forEach((val, index) => {
-            mockData2.value.push({
+            mockDataOther.value.push({
               key: val.id,
               title: val.name,
               description: val.id,
             })
           })
         })
-        targetKeys2.value = []
+        targetKeysOther.value = []
         val.attrValue.split(',').forEach((item) => {
-          targetKeys2.value.push(item)
+          targetKeysOther.value.push(item)
         })
-        console.log(targetKeys2.value)
+        console.log(targetKeysOther.value)
         // console.log('wowowo')
       } else if (val.attrType === '关联组件信息' && val.attrValue == '') {
         queryResourceRelByKeyId({
@@ -736,7 +881,7 @@
         }).then((res) => {
           // console.log(res.data.data.notLinked)
           res.data.data.notLinked.forEach((val, index) => {
-            mockData2.value.push({
+            mockDataOther.value.push({
               key: val.id,
               title: val.name,
               description: val.id,
@@ -747,7 +892,7 @@
     })
   }
   const selectedKeys = ref([])
-  const selectedKeys2 = ref([])
+  const selectedKeysOther = ref([])
 
   const handleChange = (nextTargetKeys, direction, moveKeys) => {
     console.log('targetKeys: ', nextTargetKeys)
@@ -757,38 +902,34 @@
       targetKeys.value = moveKeys.filter((item, index) => index === 0)
     }
   }
-  const handleChange1 = (nextTargetKeys1, direction1, moveKeys1) => {
-    console.log('targetKeys: ', nextTargetKeys1)
-    console.log('direction: ', direction1)
-    console.log('moveKeys: ', moveKeys1)
-  }
-
   const handleSelectChange = (sourceSelectedKeys, targetSelectedKeys) => {
     console.log('targetSelectedKeys: ', targetSelectedKeys, sourceSelectedKeys)
-    console.log('after', sourceSelectedKeys)
   }
-  const handleSelectChange1 = (sourceSelectedKeys1, targetSelectedKeys1) => {
-    console.log(
-      'targetSelectedKeys: ',
-      targetSelectedKeys1,
-      sourceSelectedKeys1
-    )
+  const handleChangeOther = (nextTargetKeys, direction, moveKeys) => {
+    console.log('targetKeys: ', nextTargetKeys)
+    console.log('direction: ', direction)
+    console.log('moveKeys: ', moveKeys)
+  }
+  const handleSelectChangeOther = (sourceSelectedKeys, targetSelectedKeys) => {
+    console.log('targetSelectedKeys: ', targetSelectedKeys, sourceSelectedKeys)
   }
 
   const handleOk = (e) => {
     console.log(e)
+    visibleAssociatedApplicationOther.value = false
     visibleAssociatedApplication.value = false
     // console.log('2222222222222', props.refData)
     data.value.list.map((item) => {
       if (item.name === '来源应用') {
         item.note1 = targetKeys.value + ''
       } else if (item.name === '关联组件信息') {
-        item.note1 = targetKeys2.value + ''
+        item.note1 = targetKeysOther.value + ''
       }
     })
   }
   const handleCancel = (e) => {
     console.log(e)
+    visibleAssociatedApplicationOther.value = false
     visibleAssociatedApplication.value = false
   }
 
@@ -816,10 +957,15 @@
         props.externalField &&
         props.externalField.indexOf(val.name) > -1
       ) {
+        let note2 = {} //储存归属部门的名字
+        if (val.options) {
+          note2 = val.options.filter((item) => item.value == val.note1)[0]
+        }
         mybus.emit('chageDataFromDwon', {
           attrType: val.name,
           attrValue: val.note1,
           delFlag: 0,
+          attrValueTwo: note2,
         })
       } else {
         if (val.name !== '应用领域' && val.name !== '发布端') {
@@ -835,38 +981,58 @@
   const handleChange2 = (value) => {
     console.log(`selected ${value}`)
   }
+  const applicationsChange = (value) => {
+    data.value.list.map((item) => {
+      if (item.name === '来源应用') {
+        item.note1 = value
+      }
+    })
+    console.log(`selected ${value}`)
+  }
 
   const handleBlur = () => {
     console.log('blur')
   }
+  const applicationsBlur = () => {
+    console.log('blur')
+  }
 
   const handleFocus = () => {
     console.log('focus')
   }
+  const applicationsFocus = () => {
+    console.log('focus')
+  }
 
   const filterOption = (input, option) => {
     return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
   }
+  defineExpose({
+    add,
+  })
+  const applicationsOption = (input, option) => {
+    return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+  }
 </script>
 <style></style>
 <style lang="less" scoped>
   .put-on-the-shelf {
-    height: 680px;
+    height: 6.8rem;
     overflow: scroll;
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding: 50px 100px 25px;
+    padding: 0.5rem 1rem 0.25rem;
     .Technical-text {
-      height: 30px;
-      width: 100px;
-      border: 1px solid #bbd3ef;
-      border-radius: 6px;
+      height: 0.3rem;
+      width: 1rem;
+      border: 0.01rem solid #bbd3ef;
+      border-radius: 0.06rem;
       background: #edf4fc;
       color: #0087ff;
-      font-size: 14px;
+      font-size: 0.14rem;
       text-align: center;
-      line-height: 30px;
+      line-height: 0.3rem;
     }
     .Technical-text:hover {
       cursor: pointer;
@@ -874,41 +1040,41 @@
 
     & > div {
       width: 100%;
-      margin-top: 60px;
+      margin-top: 0.6rem;
 
       .top {
         color: #333333;
-        font-size: 22px;
+        font-size: 0.22rem;
         display: flex;
         justify-content: center;
         align-items: center;
-        margin-bottom: 25px;
+        margin-bottom: 0.25rem;
 
         div:first-child,
         div:last-child {
-          width: 245px;
-          height: 1px;
+          width: 2.45rem;
+          height: 0.01rem;
           background: #f0f0f0;
         }
 
         div:nth-child(2) {
-          margin: 0 30px;
+          margin: 0 0.3rem;
         }
       }
 
       .bottom {
-        margin-top: 25px;
+        margin-top: 0.25rem;
 
         .items {
           background: #fafafa;
-          padding: 10px;
+          padding: 0.1rem;
 
           p {
             display: flex;
             justify-content: space-between;
 
             span:nth-of-type(1) {
-              width: 200px;
+              width: 2rem;
             }
 
             span:nth-of-type(2) {
@@ -918,87 +1084,69 @@
           }
 
           p:nth-of-type(1) > span:nth-of-type(1) {
-            font-size: 18px;
+            font-size: 0.18rem;
             font-weight: 600;
           }
-
-          .del {
-            display: flex;
-            justify-content: flex-end;
-            align-items: center;
-
-            .delImg {
-              cursor: pointer;
-              display: inline-block;
-              width: 16px;
-              height: 18px;
-              background: url(~@/assets/home/sf_del.png) no-repeat;
-              margin-right: 5px;
-            }
-
-            div {
-              cursor: pointer;
-            }
-          }
         }
 
         .add {
-          margin-top: 10px;
-          font-size: 16px;
+          cursor: pointer;
+          margin-top: 0.1rem;
+          font-size: 0.16rem;
           color: #007efb;
         }
 
         .form {
-          margin-top: 20px;
+          margin-top: 0.2rem;
           display: flex;
           justify-content: flex-start;
           align-items: center;
 
           span:first-child {
-            width: 120px;
+            width: 1.2rem;
           }
 
           :deep(.ant-input-textarea) {
-            width: 520px;
+            width: 5.2rem;
           }
 
           :deep(.ant-radio-group) {
-            width: 520px;
+            width: 5.2rem;
           }
 
           :deep(.ant-input-number) {
-            width: 200px;
+            width: 2rem;
           }
 
           :deep(.ant-input) {
             resize: none;
-            width: 520px;
+            width: 5.2rem;
           }
 
           .ant-btn {
-            width: 160px;
-            height: 32px;
+            width: 1.6rem;
+            height: 0.32rem;
             text-align: center;
             background: #edf4fc;
             color: #0087ff;
-            border: 1px solid #bbd3ef;
-            border-radius: 6px;
+            border: 0.01rem solid #bbd3ef;
+            border-radius: 0.06rem;
           }
         }
 
         .submit {
-          margin-top: 40px;
+          margin-top: 0.4rem;
           display: flex;
           justify-content: flex-end;
 
           .ant-btn {
-            width: 80px;
-            height: 28px;
+            width: 1.8rem;
+            height: 0.3rem;
             text-align: center;
             background: #d9ebff;
             color: #0087ff;
-            border: 1px solid #0087ff;
-            border-radius: 6px;
+            border: 0.01rem solid #0087ff;
+            border-radius: 0.06rem;
           }
         }
       }
@@ -1010,24 +1158,24 @@
   }
 
   .application-Area {
-    width: 520px;
+    width: 5.2rem;
     display: grid;
-    margin-top: -5px;
+    margin-top: -0.05rem;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
 
     .application-Area-son {
       cursor: pointer;
-      font-size: 14px;
-      width: 90px;
-      height: 26px;
-      border-radius: 13px;
+      font-size: 0.14rem;
+      width: 0.9rem;
+      height: 0.26rem;
+      border-radius: 0.13rem;
       color: #333333;
       background: #f5f5f5;
-      border: 1px #cccccc solid;
+      border: 0.01rem #cccccc solid;
       display: flex;
       justify-content: center;
       align-items: center;
-      margin-top: 10px;
+      margin-top: 0.1rem;
       font-weight: 500;
     }
 
@@ -1044,27 +1192,27 @@
   }
 
   :deep(.ant-modal) {
-    width: 960px;
+    width: 9.6rem;
   }
 
   :deep(.ant-transfer-list) {
     width: 39.5%;
-    height: 520px;
+    height: 5.2rem;
   }
 
   :deep(.ant-transfer-operation) {
     flex-direction: row-reverse;
-    margin: 0 30px;
+    margin: 0 0.3rem;
   }
 
   :deep(.ant-btn) {
-    width: 56px;
-    height: 40px;
-    border-radius: 4px;
+    width: 0.56rem;
+    height: 0.4rem;
+    border-radius: 0.04rem;
   }
 
   :deep(.ant-btn:first-child) {
-    margin-left: 4px;
+    margin-left: 0.04rem;
   }
 
   :deep(.ant-modal-footer) {
@@ -1076,8 +1224,8 @@
   }
 
   :deep(.ant-modal-title) {
-    line-height: 24px;
-    font-size: 18px;
+    line-height: 0.24rem;
+    font-size: 0.18rem;
     color: #303133;
   }
 
@@ -1094,7 +1242,7 @@
   }
 
   :deep(.ant-transfer-list-header-title) {
-    font-size: 16px;
+    font-size: 0.16rem;
     color: #303133;
     font-weight: 400;
     text-align: left;
@@ -1103,6 +1251,27 @@
     display: none !important;
   }
   :deep(.ant-upload-list-item-name) {
-    width: 100px;
+    width: 1rem;
+  }
+
+  .del {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    font-size: 0.14rem;
+    margin-left: 0.2rem;
+
+    .delImg {
+      cursor: pointer;
+      display: inline-block;
+      width: 0.16rem;
+      height: 0.18rem;
+      background: url(~@/assets/home/sf_del.png) no-repeat;
+      margin-right: 0.05rem;
+    }
+
+    div {
+      cursor: pointer;
+    }
   }
 </style>
diff --git a/front/src/views/detailsAll/components/Application/ApplicationAssociatedComponents.vue b/front/src/views/detailsAll/components/Application/ApplicationAssociatedComponents.vue
index 31f47e2a..4fe7a136 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationAssociatedComponents.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationAssociatedComponents.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-08 16:06:10
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-06-15 20:44:47
+ * @LastEditTime: 2022-07-19 14:02:54
  * @Description: 关联组件
 -->
 <template>
diff --git a/front/src/views/detailsAll/components/Application/ApplicationNavigation.vue b/front/src/views/detailsAll/components/Application/ApplicationNavigation.vue
index a2686c7e..2bfed3a9 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationNavigation.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationNavigation.vue
@@ -103,7 +103,11 @@
         list.value.push('应用展示')
       }
     })
-    if (props.dataList.link && whoShow1.value.itShowQingDao) {
+    if (
+      props.dataList.link &&
+      whoShow1.value.itShowQingDao &&
+      props.dataList.applyState === '通过'
+    ) {
       list.value.push('应用详情')
     }
     list.value.unshift('关联组件')
@@ -147,7 +151,11 @@
             list.value.push('应用展示')
           }
         })
-        if (props.dataList.link && whoShow1.value.itShowQingDao) {
+        if (
+          props.dataList.link &&
+          whoShow1.value.itShowQingDao &&
+          props.dataList.applyState === '通过'
+        ) {
           list.value.push('应用详情')
         }
         list.value.unshift('关联组件')
diff --git a/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue b/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
index cad83b95..3a2fbc0c 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-08 11:56:28
  * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-07-19 14:11:50
+ * @LastEditTime: 2022-07-20 15:02:12
  * @Description: 算法详情页头部
 -->
 <template>
@@ -154,7 +154,7 @@
           if (res.data.msg === 'success') {
             message.success('取消成功')
             // eslint-disable-next-line vue/no-mutating-props
-            props.dataList.isCollect = false
+            props.dataList.isCollect = 'false'
             scFlag2.value = true
           }
         })
@@ -167,7 +167,7 @@
           if (res.data.msg === 'success') {
             message.success('添加收藏成功！')
             // eslint-disable-next-line vue/no-mutating-props
-            props.dataList.isCollect = true
+            props.dataList.isCollect = 'true'
             scFlag2.value = true
           }
         })
diff --git a/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue b/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue
index 441204d1..123ae579 100644
--- a/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-08 11:56:28
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-19 11:09:52
+ * @LastEditTime: 2022-07-19 15:02:47
  * @Description: 算法详情页头部
 -->
 <template>
@@ -137,7 +137,7 @@
           if (res.data.msg === 'success') {
             message.success('取消成功')
             // eslint-disable-next-line vue/no-mutating-props
-            props.dataList.isCollect = false
+            props.dataList.isCollect = 'false'
             scFlag2.value = true
           }
         })
@@ -150,7 +150,7 @@
           if (res.data.msg === 'success') {
             message.success('添加收藏成功！')
             // eslint-disable-next-line vue/no-mutating-props
-            props.dataList.isCollect = true
+            props.dataList.isCollect = 'true'
             scFlag2.value = true
           }
         })
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue b/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
index 1d5f2198..32acb728 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
@@ -237,6 +237,7 @@
             max-width: 2.8rem;
             div {
               max-width: 2.8rem;
+              display: flex;
               // overflow: hidden;
               // text-overflow: ellipsis;
               // display: -webkit-box;
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue b/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue
index 16bffb1c..de247e25 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-08 11:56:28
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-19 11:10:06
+ * @LastEditTime: 2022-07-19 15:03:50
  * @Description: 开发组件详情页头部
 -->
 <template>
@@ -132,7 +132,7 @@
           if (res.data.msg === 'success') {
             message.success('取消成功')
             // eslint-disable-next-line vue/no-mutating-props
-            props.dataList.isCollect = false
+            props.dataList.isCollect = 'false'
             scFlag2.value = true
           }
         })
@@ -145,7 +145,7 @@
           if (res.data.msg === 'success') {
             message.success('添加收藏成功！')
             // eslint-disable-next-line vue/no-mutating-props
-            props.dataList.isCollect = true
+            props.dataList.isCollect = 'true'
             scFlag2.value = true
           }
         })
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue
index 112ee4f4..88bbc7e5 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-08 11:56:28
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-19 11:10:20
+ * @LastEditTime: 2022-07-19 15:04:02
  * @Description: 算法详情页头部
 -->
 <template>
@@ -132,7 +132,7 @@
           if (res.data.msg === 'success') {
             message.success('取消成功')
             // eslint-disable-next-line vue/no-mutating-props
-            props.dataList.isCollect = false
+            props.dataList.isCollect = 'false'
             scFlag2.value = true
           }
         })
@@ -145,7 +145,7 @@
           if (res.data.msg === 'success') {
             message.success('添加收藏成功！')
             // eslint-disable-next-line vue/no-mutating-props
-            props.dataList.isCollect = true
+            props.dataList.isCollect = 'true'
             scFlag2.value = true
           }
         })
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
index 1c26e4dc..86ba9469 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
@@ -26,8 +26,8 @@
           </a-tooltip>
         </div>
         <div class="right">
-          <div @click="technical()">接口文档</div>
-          <div @click="technicalNew()">使用手册</div>
+          <div @click="technical()">技术文档</div>
+          <div @click="technicalNew()">新手指引</div>
         </div>
       </div>
       <div class="content-right">
diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index 9ff9bb1c..af2606a0 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -945,78 +945,162 @@
       const videoList = reactive({ data: [] })
       const resourceTotal = ref('')
       const getAppResources = (switchIndex) => {
-        //switchIndex这个参数是下面的分页传过来的参数
-        paramsGetResources.name = searchValue.value
-        paramsGetResources.type = Cardsname.value
-        console.log(
-          '执行getAppResources====================》',
-          paramsGetResources
-        )
-        if (
-          !whoShow1.value.itShowBaoTou &&
-          paramsGetResources.type === '数据资源'
-        ) {
-          if (switchIndex != '分页查询') {
-            paramsGetResources.pageNum = 1
-          }
-          let dataResourceParams = {
-            serviceName: paramsGetResources.name || '', //资源名称
-            orderField: whoShow1.value.itShowQingDao
-              ? paramsGetResources.orderField == 'applyCount'
-                ? 'syqk'
-                : 'fbrq'
-              : paramsGetResources.orderField == 'applyCount'
-              ? 'requestCount'
-              : 'createTime', //排序字段
-            orderType: paramsGetResources.orderType.toLowerCase(), //排序方式：desc，asc
-            pageNum: paramsGetResources.pageNum, //页码
-            pageSize: paramsGetResources.pageSize, //分页大小
-          }
-          getDataResource(dataResourceParams).then((res) => {
-            if (whoShow1.value.itShowQingDao) {
-              res.data.data.data.forEach((val) => {
-                val.id = val.guid // id
-                val.name = val.zyname // 名字
-                val.sjlCount = val.sjcczl // 数据量
-                val.applyCount = val.syqk // 申请量
-                val.deptName = val.TGBM // 部门
-                val.createDate = val.fbrq // 发布时间
+        if (switchIndex) {
+          if (switchIndex.length > 1) {
+            //switchIndex这个参数是下面的分页传过来的参数
+            paramsGetResources.name = searchValue.value
+            paramsGetResources.type = Cardsname.value
+            console.log(
+              '执行getAppResources====================》',
+              paramsGetResources
+            )
+            if (
+              !whoShow1.value.itShowBaoTou &&
+              paramsGetResources.type === '数据资源'
+            ) {
+              if (switchIndex != '分页查询') {
+                paramsGetResources.pageNum = 1
+              }
+              let dataResourceParams = {
+                serviceName: paramsGetResources.name || '', //资源名称
+                orderField: whoShow1.value.itShowQingDao
+                  ? paramsGetResources.orderField == 'applyCount'
+                    ? 'syqk'
+                    : 'fbrq'
+                  : paramsGetResources.orderField == 'applyCount'
+                  ? 'requestCount'
+                  : 'createTime', //排序字段
+                orderType: paramsGetResources.orderType.toLowerCase(), //排序方式：desc，asc
+                pageNum: paramsGetResources.pageNum, //页码
+                pageSize: paramsGetResources.pageSize, //分页大小
+              }
+              getDataResource(dataResourceParams).then((res) => {
+                if (whoShow1.value.itShowQingDao) {
+                  res.data.data.data.forEach((val) => {
+                    val.id = val.guid // id
+                    val.name = val.zyname // 名字
+                    val.sjlCount = val.sjcczl // 数据量
+                    val.applyCount = val.syqk // 申请量
+                    val.deptName = val.TGBM // 部门
+                    val.createDate = val.fbrq // 发布时间
+                  })
+                  resourceList.data = res.data.data.data || []
+                  resourceTotal.value = res.data.data.rows || ''
+                  loading.value = false
+                } else if (whoShow1.value.itShowXiHaiAn) {
+                  res.data.data.list.forEach((val) => {
+                    val.id = val.serviceId // id
+                    val.name = val.serviceName // 名字
+                    val.sjlCount = val.requestQuantity // 数据量
+                    val.applyCount = val.requestCount // 申请量
+                    val.deptName = val.departmentName // 部门
+                    val.createTime = val.createTime.split('.')[0]
+                    val.createDate = val.createTime // 发布时间
+                  })
+                  resourceList.data = res.data.data.list || []
+                  resourceTotal.value = res.data.data.total || ''
+                  loading.value = false
+                }
               })
-              resourceList.data = res.data.data.data || []
-              resourceTotal.value = res.data.data.rows || ''
-              loading.value = false
-            } else if (whoShow1.value.itShowXiHaiAn) {
-              res.data.data.list.forEach((val) => {
-                val.id = val.serviceId // id
-                val.name = val.serviceName // 名字
-                val.sjlCount = val.requestQuantity // 数据量
-                val.applyCount = val.requestCount // 申请量
-                val.deptName = val.departmentName // 部门
-                val.createTime = val.createTime.split('.')[0]
-                val.createDate = val.createTime // 发布时间
+            } else if (paramsGetResources.type !== '数据资源') {
+              if (switchIndex != '分页查询') {
+                paramsGetResources.pageNum = 1
+              }
+              pageWithAttrs(paramsGetResources).then((res) => {
+                console.log(
+                  '查询列表============>',
+                  resourceList,
+                  res.data.data
+                )
+                resourceList.data = []
+                videoList.data = []
+                if (Cardsname.value === '基础设施') {
+                  resourceList.data = res.data.data.records || []
+                  resourceTotal.value = res.data.data.total || ''
+                  loading.value = false
+                } else {
+                  resourceTotal.value = res.data.data.total || ''
+                  getShoppingCartList(res.data.data.records)
+                }
               })
-              resourceList.data = res.data.data.list || []
-              resourceTotal.value = res.data.data.total || ''
-              loading.value = false
             }
-          })
-        } else if (paramsGetResources.type !== '数据资源') {
-          if (switchIndex != '分页查询') {
-            paramsGetResources.pageNum = 1
+          } else {
+            message.error('请输入一个字以上！')
           }
-          pageWithAttrs(paramsGetResources).then((res) => {
-            console.log('查询列表============>', resourceList, res.data.data)
-            resourceList.data = []
-            videoList.data = []
-            if (Cardsname.value === '基础设施') {
-              resourceList.data = res.data.data.records || []
-              resourceTotal.value = res.data.data.total || ''
-              loading.value = false
-            } else {
-              resourceTotal.value = res.data.data.total || ''
-              getShoppingCartList(res.data.data.records)
+        } else {
+          //switchIndex这个参数是下面的分页传过来的参数
+          paramsGetResources.name = searchValue.value
+          paramsGetResources.type = Cardsname.value
+          console.log(
+            '执行getAppResources====================》',
+            paramsGetResources
+          )
+          if (
+            !whoShow1.value.itShowBaoTou &&
+            paramsGetResources.type === '数据资源'
+          ) {
+            if (switchIndex != '分页查询') {
+              paramsGetResources.pageNum = 1
             }
-          })
+            let dataResourceParams = {
+              serviceName: paramsGetResources.name || '', //资源名称
+              orderField: whoShow1.value.itShowQingDao
+                ? paramsGetResources.orderField == 'applyCount'
+                  ? 'syqk'
+                  : 'fbrq'
+                : paramsGetResources.orderField == 'applyCount'
+                ? 'requestCount'
+                : 'createTime', //排序字段
+              orderType: paramsGetResources.orderType.toLowerCase(), //排序方式：desc，asc
+              pageNum: paramsGetResources.pageNum, //页码
+              pageSize: paramsGetResources.pageSize, //分页大小
+            }
+            getDataResource(dataResourceParams).then((res) => {
+              if (whoShow1.value.itShowQingDao) {
+                res.data.data.data.forEach((val) => {
+                  val.id = val.guid // id
+                  val.name = val.zyname // 名字
+                  val.sjlCount = val.sjcczl // 数据量
+                  val.applyCount = val.syqk // 申请量
+                  val.deptName = val.TGBM // 部门
+                  val.createDate = val.fbrq // 发布时间
+                })
+                resourceList.data = res.data.data.data || []
+                resourceTotal.value = res.data.data.rows || ''
+                loading.value = false
+              } else if (whoShow1.value.itShowXiHaiAn) {
+                res.data.data.list.forEach((val) => {
+                  val.id = val.serviceId // id
+                  val.name = val.serviceName // 名字
+                  val.sjlCount = val.requestQuantity // 数据量
+                  val.applyCount = val.requestCount // 申请量
+                  val.deptName = val.departmentName // 部门
+                  val.createTime = val.createTime.split('.')[0]
+                  val.createDate = val.createTime // 发布时间
+                })
+                resourceList.data = res.data.data.list || []
+                resourceTotal.value = res.data.data.total || ''
+                loading.value = false
+              }
+            })
+          } else if (paramsGetResources.type !== '数据资源') {
+            if (switchIndex != '分页查询') {
+              paramsGetResources.pageNum = 1
+            }
+            pageWithAttrs(paramsGetResources).then((res) => {
+              console.log('查询列表============>', resourceList, res.data.data)
+              resourceList.data = []
+              videoList.data = []
+              if (Cardsname.value === '基础设施') {
+                resourceList.data = res.data.data.records || []
+                resourceTotal.value = res.data.data.total || ''
+                loading.value = false
+              } else {
+                resourceTotal.value = res.data.data.total || ''
+                getShoppingCartList(res.data.data.records)
+              }
+            })
+          }
         }
       }
 
diff --git a/front/src/views/personalCenter/components/PurchaseVehicle.vue b/front/src/views/personalCenter/components/PurchaseVehicle.vue
index 52f51791..fc707d66 100644
--- a/front/src/views/personalCenter/components/PurchaseVehicle.vue
+++ b/front/src/views/personalCenter/components/PurchaseVehicle.vue
@@ -468,6 +468,7 @@
   }
   // 获取信息
   const getList = (type, index) => {
+    console.log(type, index)
     if (type == 'init') {
       pageNum.value = 1
       pageSize.value = 99999
@@ -535,11 +536,13 @@
   }
   // 通过deptid查询列表
   const getListByDeptId = (item) => {
+    console.log(item, 'item')
     if (item.children.length == 0) {
       selectResourceListByDept({
         pageNum: item.pageNum,
         pageSize: item.pageSize,
         deptId: item.deptId,
+        name: name.value,
       }).then((res) => {
         // console.log(
         //   '根据部门查询=============>',