From 0c4015cb5c994d1840d2069a22c3ae3edf2ec69c Mon Sep 17 00:00:00 2001
From: gaoyuanwei <2826352639@qq.com>
Date: Tue, 23 Aug 2022 17:47:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=BF=E7=82=B9=E7=82=B9=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../myAgent/demo/competency-application.vue   |   2 +-
 front/public/static/config/location.js        |   4 +-
 .../src/views/demandCenter/demandDetails.vue  |  14 +-
 front/src/views/demandCenter/index.vue        |  48 +++
 .../Algorithm/AlgorithmUsageMode.vue          | 350 ++++++++++++------
 ...tionOwningDepartmentAndServiceProvider.vue |  58 ++-
 .../components/Business/BusinessUsageMode.vue | 219 +++++++----
 ...operOwningDepartmentAndServiceProvider.vue |  84 +++--
 .../LayerService/LayerServicePreview.vue      |   4 +-
 .../LayerService/LayerServiceUsageMode.vue    | 232 ++++++++----
 front/src/views/home/apply.vue                |   8 +-
 front/src/views/home/components/header.vue    |   5 +
 front/src/views/home/infrastructurePage.vue   |  14 +-
 13 files changed, 744 insertions(+), 298 deletions(-)

diff --git a/back/src/views/modules/myAgent/demo/competency-application.vue b/back/src/views/modules/myAgent/demo/competency-application.vue
index 9dff6741..52874502 100644
--- a/back/src/views/modules/myAgent/demo/competency-application.vue
+++ b/back/src/views/modules/myAgent/demo/competency-application.vue
@@ -44,7 +44,7 @@
         </p>
         <p>
           <span>
-            应用背景：<span>
+            需求依据：<span>
               {{ dataForm.content.applicationBackground || '--' }}</span
             ></span>
         </p>
diff --git a/front/public/static/config/location.js b/front/public/static/config/location.js
index 16a78c7d..50a18864 100644
--- a/front/public/static/config/location.js
+++ b/front/public/static/config/location.js
@@ -38,8 +38,8 @@ if (newLocation === 'qingdao') {
     // { name: '个人中心', key: 'personalCenter' },
     { name: '区市站点', key: 'mapTest' },
     // { name: '后台管理', key: 'houtaiguanli' },
-    { name: '赋能案例', key: 'assignCase' },
-    { name: '融合服务', key: 'integrationServices' },
+    { name: '典型赋能案例', key: 'assignCase' },
+    // { name: '融合服务', key: 'integrationServices' },
     { name: 'CIM专区', key: 'cimSpecialArea' },
   ]
   footerDataList.footerList = {
diff --git a/front/src/views/demandCenter/demandDetails.vue b/front/src/views/demandCenter/demandDetails.vue
index 97a3c31c..ca9e50fa 100644
--- a/front/src/views/demandCenter/demandDetails.vue
+++ b/front/src/views/demandCenter/demandDetails.vue
@@ -236,6 +236,8 @@
           />
         </a-list>
       </div>
+      <!-- 关闭需求申请 -->
+      <div class="closeMain" @click="closeMain">X</div>
     </div>
   </div>
 </template>
@@ -378,7 +380,9 @@
       }
     }
   }
-
+  const closeMain = () => {
+    window.history.go(-1)
+  }
   onMounted(() => {
     // const formData = computed(() => store.getters['home/demandDetailsData'])
     // formName.value = formData.value
@@ -410,6 +414,7 @@
     display: flex;
     justify-content: center;
     .main {
+      position: relative;
       width: 1550px;
       height: 100%;
       padding-top: 30px;
@@ -476,6 +481,13 @@
         }
       }
     }
+    .closeMain {
+      position: absolute;
+      top: 40px;
+      right: 20px;
+      font-size: 0.2rem;
+      cursor: pointer;
+    }
   }
   .form-container {
     padding: 20px 20px 30px 20px;
diff --git a/front/src/views/demandCenter/index.vue b/front/src/views/demandCenter/index.vue
index 3b519187..cc631cdb 100644
--- a/front/src/views/demandCenter/index.vue
+++ b/front/src/views/demandCenter/index.vue
@@ -70,6 +70,13 @@
           </template>
         </a-pagination>
       </div>
+      <!-- 需求申请 -->
+      <div class="fixedmount">
+        <div @click="toView()">
+          <p></p>
+          <p>需求申请</p>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -166,6 +173,12 @@
       },
     })
   }
+  const newpage = router.resolve({
+    path: '/addApplication', // 跳转的页面路由
+  })
+  const toView = () => {
+    window.open(newpage.href, '_blank')
+  }
 
   onMounted(() => {
     const params = {
@@ -284,6 +297,41 @@
           margin-top: 10px;
         }
       }
+      .fixedmount {
+        height: 1.5rem;
+        display: flex;
+        position: fixed;
+        right: 2.6rem;
+        z-index: 10;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .fixedmount div {
+        width: 0.7rem;
+        height: 0.7rem;
+        border-radius: 0.04rem;
+        border: 0.01rem #94aac9 solid;
+        display: flex;
+        flex-direction: column;
+        // justify-content: center;
+        align-items: center;
+        padding-top: 0.13rem;
+        position: relative;
+        cursor: pointer;
+        background: #e3edfc;
+        p {
+          margin: 0;
+        }
+      }
+      .fixedmount div p:nth-child(1) {
+        height: 0.24rem;
+        width: 0.24rem;
+        background: url('~@/assets/home/shenqing.png') no-repeat;
+        background-size: contain;
+        background-position: center;
+      }
     }
   }
 </style>
diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue
index 5a27c980..916ba67b 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue
@@ -7,120 +7,252 @@
         :type="dataFrom.englishTitle"
       ></DetalsTitle>
     </div>
-    <div class="content" v-for="item in dataFrom.content" :key="item.title">
-      <div class="content-left" v-if="item.titleType === '调用接口'">
-        <div class="left">
-          <div class="content-left-title">
-            <span>{{ item.title }}：{{ item.titleType }}</span>
+    <!-- 青岛市局 -->
+    <div v-if="whoShow1 && whoShow1.itShowQingDao">
+      <div
+        class="content"
+        v-for="item in dataFrom.content"
+        :key="item.title"
+        v-show="approveStatus == '通过'"
+      >
+        <div class="content-left" v-if="item.titleType === '调用接口'">
+          <div class="left">
+            <div class="content-left-title">
+              <span>{{ item.title }}：{{ item.titleType }}</span>
+            </div>
+            <div class="content-left-content">
+              <p>
+                <span>{{ item.link.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.link.value }}</template>
+                  <span>{{ item.link.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.postMethod.name }}</span>
+                <span>{{ item.postMethod.value }}</span>
+              </p>
+            </div>
           </div>
-          <div class="content-left-content">
-            <p>
-              <span>{{ item.link.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.link.value }}</template>
-                <span>{{ item.link.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.postMethod.name }}</span>
-              <span>{{ item.postMethod.value }}</span>
-            </p>
+          <div class="right">
+            <div @click="technical()">技术文档</div>
+            <!-- <div @click="technicalNew()">新手指引</div> -->
+            <!-- <div @click="SDKClick()">SDK安装包</div> -->
           </div>
         </div>
-        <div class="right">
-          <div @click="technical()">技术文档</div>
-          <!-- <div @click="technicalNew()">新手指引</div> -->
-          <!-- <div @click="SDKClick()">SDK安装包</div> -->
+        <div class="content-left" v-else-if="item.titleType === '平台对接'">
+          <div class="left">
+            <div class="content-left-title">
+              <span>{{ item.title }}：{{ item.titleType }}</span>
+            </div>
+            <div class="content-left-content">
+              <p>
+                <span>{{ item.linkPlatform.name }}</span>
+                <a-tooltip v-if="approveStatus == '通过'">
+                  <template #title>{{ item.linkPlatform.value }}</template>
+                  <span>{{ item.linkPlatform.value }}</span>
+                </a-tooltip>
+                <a-tooltip v-else>
+                  <template #title>请申请后查看平台地址</template>
+                  <span>****************</span>
+                </a-tooltip>
+              </p>
+            </div>
+          </div>
+          <div class="right">
+            <div @click="technical()">技术文档</div>
+            <!-- <div @click="technicalNew()">新手指引</div> -->
+            <!-- <div @click="SDKClick()">SDK安装包</div> -->
+          </div>
+        </div>
+        <div class="content-left" v-else-if="item.titleType === 'SDK'">
+          <div class="left">
+            <div class="content-left-title">
+              <span>{{ item.title }}：{{ item.titleType }}</span>
+            </div>
+          </div>
+          <div class="right">
+            <div @click="technical()">技术文档</div>
+            <!-- <div @click="technicalNew()">新手指引</div> -->
+            <div @click="SDKClick()">SDK安装包</div>
+          </div>
+        </div>
+        <div class="content-right">
+          <div class="content-right-left">
+            <div class="content-right-title">{{ item.contact }}</div>
+            <div class="content-right-content">
+              <p>
+                <span>{{ item.facilitator.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.facilitator.value }}</template>
+                  <span>{{ item.facilitator.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.people.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.people.value }}</template>
+                  <span>{{ item.people.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.phone.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.phone.value }}</template>
+                  <span>{{ item.phone.value }}</span>
+                </a-tooltip>
+              </p>
+            </div>
+          </div>
+          <div class="content-right-right">
+            <div class="content-right-title">{{ item.contact2 }}</div>
+            <div class="content-right-content">
+              <p>
+                <span>{{ item.facilitator2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.facilitator2.value }}</template>
+                  <span>{{ item.facilitator2.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.people2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.people2.value }}</template>
+                  <span>{{ item.people2.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.phone2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.phone2.value }}</template>
+                  <span>{{ item.phone2.value }}</span>
+                </a-tooltip>
+              </p>
+            </div>
+          </div>
         </div>
       </div>
-      <div class="content-left" v-else-if="item.titleType === '平台对接'">
-        <div class="left">
-          <div class="content-left-title">
-            <span>{{ item.title }}：{{ item.titleType }}</span>
-          </div>
-          <div class="content-left-content">
-            <p>
-              <span>{{ item.linkPlatform.name }}</span>
-              <a-tooltip v-if="approveStatus == '通过'">
-                <template #title>{{ item.linkPlatform.value }}</template>
-                <span>{{ item.linkPlatform.value }}</span>
-              </a-tooltip>
-              <a-tooltip v-else>
-                <template #title>请申请后查看平台地址</template>
-                <span>****************</span>
-              </a-tooltip>
-            </p>
-          </div>
-        </div>
-        <div class="right">
-          <div @click="technical()">技术文档</div>
-          <!-- <div @click="technicalNew()">新手指引</div> -->
-          <!-- <div @click="SDKClick()">SDK安装包</div> -->
-        </div>
+      <div v-show="approveStatus !== '通过'" class="contentOther">
+        请申请后查看
       </div>
-      <div class="content-left" v-else-if="item.titleType === 'SDK'">
-        <div class="left">
-          <div class="content-left-title">
-            <span>{{ item.title }}：{{ item.titleType }}</span>
+    </div>
+    <!-- 其他 -->
+    <div v-else>
+      <div class="content" v-for="item in dataFrom.content" :key="item.title">
+        <div class="content-left" v-if="item.titleType === '调用接口'">
+          <div class="left">
+            <div class="content-left-title">
+              <span>{{ item.title }}：{{ item.titleType }}</span>
+            </div>
+            <div class="content-left-content">
+              <p>
+                <span>{{ item.link.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.link.value }}</template>
+                  <span>{{ item.link.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.postMethod.name }}</span>
+                <span>{{ item.postMethod.value }}</span>
+              </p>
+            </div>
+          </div>
+          <div class="right">
+            <div @click="technical()">技术文档</div>
+            <!-- <div @click="technicalNew()">新手指引</div> -->
+            <!-- <div @click="SDKClick()">SDK安装包</div> -->
           </div>
         </div>
-        <div class="right">
-          <div @click="technical()">技术文档</div>
-          <!-- <div @click="technicalNew()">新手指引</div> -->
-          <div @click="SDKClick()">SDK安装包</div>
-        </div>
-      </div>
-      <div class="content-right">
-        <div class="content-right-left">
-          <div class="content-right-title">{{ item.contact }}</div>
-          <div class="content-right-content">
-            <p>
-              <span>{{ item.facilitator.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.facilitator.value }}</template>
-                <span>{{ item.facilitator.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.people.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.people.value }}</template>
-                <span>{{ item.people.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.phone.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.phone.value }}</template>
-                <span>{{ item.phone.value }}</span>
-              </a-tooltip>
-            </p>
+        <div class="content-left" v-else-if="item.titleType === '平台对接'">
+          <div class="left">
+            <div class="content-left-title">
+              <span>{{ item.title }}：{{ item.titleType }}</span>
+            </div>
+            <div class="content-left-content">
+              <p>
+                <span>{{ item.linkPlatform.name }}</span>
+                <a-tooltip v-if="approveStatus == '通过'">
+                  <template #title>{{ item.linkPlatform.value }}</template>
+                  <span>{{ item.linkPlatform.value }}</span>
+                </a-tooltip>
+                <a-tooltip v-else>
+                  <template #title>请申请后查看平台地址</template>
+                  <span>****************</span>
+                </a-tooltip>
+              </p>
+            </div>
+          </div>
+          <div class="right">
+            <div @click="technical()">技术文档</div>
+            <!-- <div @click="technicalNew()">新手指引</div> -->
+            <!-- <div @click="SDKClick()">SDK安装包</div> -->
           </div>
         </div>
-        <div class="content-right-right">
-          <div class="content-right-title">{{ item.contact2 }}</div>
-          <div class="content-right-content">
-            <p>
-              <span>{{ item.facilitator2.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.facilitator2.value }}</template>
-                <span>{{ item.facilitator2.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.people2.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.people2.value }}</template>
-                <span>{{ item.people2.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.phone2.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.phone2.value }}</template>
-                <span>{{ item.phone2.value }}</span>
-              </a-tooltip>
-            </p>
+        <div class="content-left" v-else-if="item.titleType === 'SDK'">
+          <div class="left">
+            <div class="content-left-title">
+              <span>{{ item.title }}：{{ item.titleType }}</span>
+            </div>
+          </div>
+          <div class="right">
+            <div @click="technical()">技术文档</div>
+            <!-- <div @click="technicalNew()">新手指引</div> -->
+            <div @click="SDKClick()">SDK安装包</div>
+          </div>
+        </div>
+        <div class="content-right">
+          <div class="content-right-left">
+            <div class="content-right-title">{{ item.contact }}</div>
+            <div class="content-right-content">
+              <p>
+                <span>{{ item.facilitator.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.facilitator.value }}</template>
+                  <span>{{ item.facilitator.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.people.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.people.value }}</template>
+                  <span>{{ item.people.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.phone.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.phone.value }}</template>
+                  <span>{{ item.phone.value }}</span>
+                </a-tooltip>
+              </p>
+            </div>
+          </div>
+          <div class="content-right-right">
+            <div class="content-right-title">{{ item.contact2 }}</div>
+            <div class="content-right-content">
+              <p>
+                <span>{{ item.facilitator2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.facilitator2.value }}</template>
+                  <span>{{ item.facilitator2.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.people2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.people2.value }}</template>
+                  <span>{{ item.people2.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.phone2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.phone2.value }}</template>
+                  <span>{{ item.phone2.value }}</span>
+                </a-tooltip>
+              </p>
+            </div>
           </div>
         </div>
       </div>
@@ -133,7 +265,8 @@
   import { pinyin } from 'pinyin-pro'
   import { ref, defineProps, watch } from 'vue'
   import { message } from 'ant-design-vue'
-  const approveStatus = ref('')
+  const approveStatus = ref('通过')
+  const whoShow1 = ref(whoShow)
   let dataFrom = ref({
     title: '使用方式',
     englishTitle: 'USAGE',
@@ -188,7 +321,7 @@
       dataFrom.value.content[0].people.value = props.dataList.deptContacts
       dataFrom.value.content[0].phone.value = props.dataList.deptPhone
       dataFrom.value.content[0].postMethod.value = props.dataList.apiMethodType
-      approveStatus.value = props.dataList.approveStatus
+      // approveStatus.value = props.dataList.approveStatus
       console.log('dataList', props.dataList)
       props.dataList.infoList.map((item) => {
         if (item.attrType === '组件地址') {
@@ -449,5 +582,10 @@
         }
       }
     }
+    .contentOther {
+      width: 100%;
+      height: 0.3rem;
+      background: pink;
+    }
   }
 </style>
diff --git a/front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue b/front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue
index 89c7fdc8..875ad9d0 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue
@@ -7,21 +7,46 @@
         :type="dataFrom.englishTitle"
       ></DetalsTitle>
     </div>
-    <div class="content">
-      <div
-        v-for="(item, index) in dataFrom.content"
-        :key="index"
-        class="content-card"
-      >
-        <div class="card-title">{{ item.childrenTitle }}</div>
-        <div class="card-content">
-          <div v-for="carditem in item.childrenContent" :key="carditem">
-            <div style="display: flex">
-              <span>{{ carditem.attrType }}：</span>
-              <a-tooltip>
-                <template #title>{{ carditem.attrValue }}</template>
-                <span>{{ carditem.attrValue }}</span>
-              </a-tooltip>
+    <div v-if="whoShow1 && whoShow1.itShowQingDao">
+      <div class="content" v-show="approveStatus == '通过'">
+        <div
+          v-for="(item, index) in dataFrom.content"
+          :key="index"
+          class="content-card"
+        >
+          <div class="card-title">{{ item.childrenTitle }}</div>
+          <div class="card-content">
+            <div v-for="carditem in item.childrenContent" :key="carditem">
+              <div style="display: flex">
+                <span>{{ carditem.attrType }}：</span>
+                <a-tooltip>
+                  <template #title>{{ carditem.attrValue }}</template>
+                  <span>{{ carditem.attrValue }}</span>
+                </a-tooltip>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-show="approveStatus !== '通过'">请申请后查看</div>
+    </div>
+    <div v-else>
+      <div class="content">
+        <div
+          v-for="(item, index) in dataFrom.content"
+          :key="index"
+          class="content-card"
+        >
+          <div class="card-title">{{ item.childrenTitle }}</div>
+          <div class="card-content">
+            <div v-for="carditem in item.childrenContent" :key="carditem">
+              <div style="display: flex">
+                <span>{{ carditem.attrType }}：</span>
+                <a-tooltip>
+                  <template #title>{{ carditem.attrValue }}</template>
+                  <span>{{ carditem.attrValue }}</span>
+                </a-tooltip>
+              </div>
             </div>
           </div>
         </div>
@@ -33,6 +58,8 @@
 <script setup>
   import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
   import { ref, defineProps, watch } from 'vue'
+  const approveStatus = ref('通过')
+  const whoShow1 = ref(whoShow)
   let dataFrom = ref({
     title: '归属部门与服务商',
     englishTitle: 'DEPARTMENT&ERVICE',
@@ -105,6 +132,7 @@
     () => props.dataList,
     (val) => {
       if (val) {
+        approveStatus.value = val.approveStatus
         // dataFrom.value.content[0].childrenContent = []
         // dataFrom.value.content[1].childrenContent = []
         let obj = {
diff --git a/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue b/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
index 7904eb19..00977084 100644
--- a/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
@@ -7,78 +7,164 @@
         :type="dataFrom.englishTitle"
       ></DetalsTitle>
     </div>
-    <div class="content" v-for="item in dataFrom.content" :key="item.title">
-      <div class="content-left">
-        <div class="left">
-          <div class="content-left-title">
-            <span>{{ item.title }}</span>
+    <div v-if="whoShow1 && whoShow1.itShowQingDao">
+      <div
+        class="content"
+        v-for="item in dataFrom.content"
+        :key="item.title"
+        v-show="approveStatus == '通过'"
+      >
+        <div class="content-left">
+          <div class="left">
+            <div class="content-left-title">
+              <span>{{ item.title }}</span>
+            </div>
+            <div class="content-left-content">
+              <p>
+                <span>{{ item.link.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.linkValue }}</template>
+                  <span>{{ item.linkValue }}</span>
+                </a-tooltip>
+              </p>
+            </div>
           </div>
-          <div class="content-left-content">
-            <p>
-              <span>{{ item.link.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.linkValue }}</template>
-                <span>{{ item.linkValue }}</span>
-              </a-tooltip>
-            </p>
+          <div class="right">
+            <div @click="technical()">技术文档</div>
+            <div @click="technicalNew()">新手指引</div>
           </div>
         </div>
-        <div class="right">
-          <div @click="technical()">技术文档</div>
-          <div @click="technicalNew()">新手指引</div>
+        <div class="content-right">
+          <div class="content-right-left">
+            <div class="content-right-title">{{ item.contact }}</div>
+            <div class="content-right-content">
+              <p>
+                <span>{{ item.facilitator.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.facilitator.value }}</template>
+                  <span>{{ item.facilitator.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.people.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.people.value }}</template>
+                  <span>{{ item.people.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.phone.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.phone.value }}</template>
+                  <span>{{ item.phone.value }}</span>
+                </a-tooltip>
+              </p>
+            </div>
+          </div>
+          <div class="content-right-right">
+            <div class="content-right-title">{{ item.contact2 }}</div>
+            <div class="content-right-content">
+              <p>
+                <span>{{ item.facilitator2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.facilitator2.value }}</template>
+                  <span>{{ item.facilitator2.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.people2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.people2.value }}</template>
+                  <span>{{ item.people2.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.phone2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.phone2.value }}</template>
+                  <span>{{ item.phone2.value }}</span>
+                </a-tooltip>
+              </p>
+            </div>
+          </div>
         </div>
       </div>
-      <div class="content-right">
-        <div class="content-right-left">
-          <div class="content-right-title">{{ item.contact }}</div>
-          <div class="content-right-content">
-            <p>
-              <span>{{ item.facilitator.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.facilitator.value }}</template>
-                <span>{{ item.facilitator.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.people.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.people.value }}</template>
-                <span>{{ item.people.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.phone.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.phone.value }}</template>
-                <span>{{ item.phone.value }}</span>
-              </a-tooltip>
-            </p>
+      <div v-show="approveStatus !== '通过'">请申请后查看</div>
+    </div>
+    <div v-else>
+      <div class="content" v-for="item in dataFrom.content" :key="item.title">
+        <div class="content-left">
+          <div class="left">
+            <div class="content-left-title">
+              <span>{{ item.title }}</span>
+            </div>
+            <div class="content-left-content">
+              <p>
+                <span>{{ item.link.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.linkValue }}</template>
+                  <span>{{ item.linkValue }}</span>
+                </a-tooltip>
+              </p>
+            </div>
+          </div>
+          <div class="right">
+            <div @click="technical()">技术文档</div>
+            <div @click="technicalNew()">新手指引</div>
           </div>
         </div>
-        <div class="content-right-right">
-          <div class="content-right-title">{{ item.contact2 }}</div>
-          <div class="content-right-content">
-            <p>
-              <span>{{ item.facilitator2.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.facilitator2.value }}</template>
-                <span>{{ item.facilitator2.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.people2.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.people2.value }}</template>
-                <span>{{ item.people2.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.phone2.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.phone2.value }}</template>
-                <span>{{ item.phone2.value }}</span>
-              </a-tooltip>
-            </p>
+        <div class="content-right">
+          <div class="content-right-left">
+            <div class="content-right-title">{{ item.contact }}</div>
+            <div class="content-right-content">
+              <p>
+                <span>{{ item.facilitator.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.facilitator.value }}</template>
+                  <span>{{ item.facilitator.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.people.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.people.value }}</template>
+                  <span>{{ item.people.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.phone.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.phone.value }}</template>
+                  <span>{{ item.phone.value }}</span>
+                </a-tooltip>
+              </p>
+            </div>
+          </div>
+          <div class="content-right-right">
+            <div class="content-right-title">{{ item.contact2 }}</div>
+            <div class="content-right-content">
+              <p>
+                <span>{{ item.facilitator2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.facilitator2.value }}</template>
+                  <span>{{ item.facilitator2.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.people2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.people2.value }}</template>
+                  <span>{{ item.people2.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.phone2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.phone2.value }}</template>
+                  <span>{{ item.phone2.value }}</span>
+                </a-tooltip>
+              </p>
+            </div>
           </div>
         </div>
       </div>
@@ -91,6 +177,8 @@
   import { pinyin } from 'pinyin-pro'
   import { ref, defineProps, watch } from 'vue'
   import { message } from 'ant-design-vue'
+  const approveStatus = ref('通过')
+  const whoShow1 = ref(whoShow)
   let dataFrom = ref({
     title: '使用方式',
     englishTitle: 'USAGE',
@@ -157,6 +245,7 @@
         if (!obj) {
           flag.value = false
         } else {
+          approveStatus.value = val.approveStatus
           dataFrom.value.content[0].link.value = val.apiUrl || '--'
           dataFrom.value.content[0].facilitator.value = val.deptName || '--'
           dataFrom.value.content[0].people.value = val.deptContacts || '--'
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue b/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
index 74c3d887..dfd649fd 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
@@ -7,33 +7,71 @@
         :type="dataFrom.englishTitle"
       ></DetalsTitle>
     </div>
-    <div class="content">
-      <div class="content-card">
-        <div class="left">
-          <p>{{ dataFrom.linkName }}</p>
-          <a-tooltip>
-            <template #title>{{ dataFrom.link }}</template>
-            <p>{{ dataFrom.link }}</p>
-          </a-tooltip>
+    <div v-if="whoShow1 && whoShow1.itShowQingDao">
+      <div class="content" v-show="approveStatus == '通过'">
+        <div class="content-card">
+          <div class="left">
+            <p>{{ dataFrom.linkName }}</p>
+            <a-tooltip>
+              <template #title>{{ dataFrom.link }}</template>
+              <p>{{ dataFrom.link }}</p>
+            </a-tooltip>
+          </div>
+          <div class="right">
+            <div @click="technical()">技术文档</div>
+            <div @click="technicaltow()">新手指引</div>
+          </div>
         </div>
-        <div class="right">
-          <div @click="technical()">技术文档</div>
-          <div @click="technicaltow()">新手指引</div>
+        <div class="content-card">
+          <div v-for="(item, index) in dataFrom.content" :key="index">
+            <div class="card-title">
+              {{ item.childrenTitle }}
+            </div>
+            <div class="card-content">
+              <div v-for="carditem in item.childrenContent" :key="carditem">
+                <div>
+                  <span>{{ carditem.attrType }}：</span>
+                  <a-tooltip>
+                    <template #title>{{ carditem.attrValue }}</template>
+                    <span>{{ carditem.attrValue }}</span>
+                  </a-tooltip>
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
-      <div class="content-card">
-        <div v-for="(item, index) in dataFrom.content" :key="index">
-          <div class="card-title">
-            {{ item.childrenTitle }}
+      <div v-show="approveStatus !== '通过'">请申请后查看</div>
+    </div>
+    <div v-else>
+      <div class="content">
+        <div class="content-card">
+          <div class="left">
+            <p>{{ dataFrom.linkName }}</p>
+            <a-tooltip>
+              <template #title>{{ dataFrom.link }}</template>
+              <p>{{ dataFrom.link }}</p>
+            </a-tooltip>
           </div>
-          <div class="card-content">
-            <div v-for="carditem in item.childrenContent" :key="carditem">
-              <div>
-                <span>{{ carditem.attrType }}：</span>
-                <a-tooltip>
-                  <template #title>{{ carditem.attrValue }}</template>
-                  <span>{{ carditem.attrValue }}</span>
-                </a-tooltip>
+          <div class="right">
+            <div @click="technical()">技术文档</div>
+            <div @click="technicaltow()">新手指引</div>
+          </div>
+        </div>
+        <div class="content-card">
+          <div v-for="(item, index) in dataFrom.content" :key="index">
+            <div class="card-title">
+              {{ item.childrenTitle }}
+            </div>
+            <div class="card-content">
+              <div v-for="carditem in item.childrenContent" :key="carditem">
+                <div>
+                  <span>{{ carditem.attrType }}：</span>
+                  <a-tooltip>
+                    <template #title>{{ carditem.attrValue }}</template>
+                    <span>{{ carditem.attrValue }}</span>
+                  </a-tooltip>
+                </div>
               </div>
             </div>
           </div>
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServicePreview.vue b/front/src/views/detailsAll/components/LayerService/LayerServicePreview.vue
index df9022ea..8cd072ab 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServicePreview.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServicePreview.vue
@@ -39,7 +39,7 @@
       flag.value = false
     } else {
       props.dataList.infoList.map((item) => {
-        if (item.attrType === '预览服务地址') {
+        if (item.attrType === '图层服务地址') {
           img.value = item.attrValue.replace(/amp;/g, '') || '--'
         }
       })
@@ -56,7 +56,7 @@
           flag.value = false
         } else {
           val.infoList.map((item) => {
-            if (item.attrType === '预览服务地址') {
+            if (item.attrType === '图层服务地址') {
               img.value = item.attrValue.replace(/amp;/g, '') || '--'
             }
           })
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
index 902e9708..9995cc04 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
@@ -7,80 +7,168 @@
         :type="dataFrom.englishTitle"
       ></DetalsTitle>
     </div>
-    <div class="content" v-for="item in dataFrom.content" :key="item.title">
-      <div class="content-left">
-        <div class="left">
-          <a-tooltip>
-            <template #title>{{ item.linkValue }}</template>
-            <p @click="ServiceAddressFunction(item.linkValue)">
-              服务地址：
-              {{ item.linkValue }}
-            </p>
-          </a-tooltip>
-          <a-tooltip>
-            <template #title>{{ item.csslinkValue }}</template>
-            <p @click="ServiceAddressFunction(item.csslinkValue)">
-              样式服务地址：
-              {{ item.csslinkValue }}
-            </p>
-          </a-tooltip>
-        </div>
-        <div class="right">
-          <div @click="technical()">技术文档</div>
-          <div @click="technicalNew()">新手指引</div>
-        </div>
-      </div>
-      <div class="content-right">
-        <div class="content-right-left">
-          <div class="content-right-title">{{ item.contact }}</div>
-          <div class="content-right-content">
-            <p>
-              <span>{{ item.facilitator.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.facilitator.value }}</template>
-                <span>{{ item.facilitator.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.people.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.people.value }}</template>
-                <span>{{ item.people.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.phone.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.phone.value }}</template>
-                <span>{{ item.phone.value }}</span>
-              </a-tooltip>
-            </p>
+    <div v-if="whoShow1 && whoShow1.itShowQingDao">
+      <div
+        class="content"
+        v-for="item in dataFrom.content"
+        :key="item.title"
+        v-show="approveStatus == '通过'"
+      >
+        <div class="content-left">
+          <div class="left">
+            <a-tooltip>
+              <template #title>{{ item.linkValue }}</template>
+              <p @click="ServiceAddressFunction(item.linkValue)">
+                服务地址：
+                {{ item.linkValue }}
+              </p>
+            </a-tooltip>
+            <a-tooltip>
+              <template #title>{{ item.csslinkValue }}</template>
+              <p @click="ServiceAddressFunction(item.csslinkValue)">
+                样式服务地址：
+                {{ item.csslinkValue }}
+              </p>
+            </a-tooltip>
+          </div>
+          <div class="right">
+            <div @click="technical()">技术文档</div>
+            <div @click="technicalNew()">新手指引</div>
           </div>
         </div>
-        <div class="content-right-right">
-          <div class="content-right-title">{{ item.contact2 }}</div>
-          <div class="content-right-content">
-            <p>
-              <span>{{ item.facilitator2.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.facilitator2.value }}</template>
-                <span>{{ item.facilitator2.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.people2.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.people2.value }}</template>
-                <span>{{ item.people2.value }}</span>
-              </a-tooltip>
-            </p>
-            <p>
-              <span>{{ item.phone2.name }}</span>
-              <a-tooltip>
-                <template #title>{{ item.phone2.value }}</template>
-                <span>{{ item.phone2.value }}</span>
-              </a-tooltip>
-            </p>
+        <div class="content-right">
+          <div class="content-right-left">
+            <div class="content-right-title">{{ item.contact }}</div>
+            <div class="content-right-content">
+              <p>
+                <span>{{ item.facilitator.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.facilitator.value }}</template>
+                  <span>{{ item.facilitator.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.people.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.people.value }}</template>
+                  <span>{{ item.people.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.phone.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.phone.value }}</template>
+                  <span>{{ item.phone.value }}</span>
+                </a-tooltip>
+              </p>
+            </div>
+          </div>
+          <div class="content-right-right">
+            <div class="content-right-title">{{ item.contact2 }}</div>
+            <div class="content-right-content">
+              <p>
+                <span>{{ item.facilitator2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.facilitator2.value }}</template>
+                  <span>{{ item.facilitator2.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.people2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.people2.value }}</template>
+                  <span>{{ item.people2.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.phone2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.phone2.value }}</template>
+                  <span>{{ item.phone2.value }}</span>
+                </a-tooltip>
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-show="approveStatus !== '通过'">请申请后查看</div>
+    </div>
+    <div v-else>
+      <div class="content" v-for="item in dataFrom.content" :key="item.title">
+        <div class="content-left">
+          <div class="left">
+            <a-tooltip>
+              <template #title>{{ item.linkValue }}</template>
+              <p @click="ServiceAddressFunction(item.linkValue)">
+                服务地址：
+                {{ item.linkValue }}
+              </p>
+            </a-tooltip>
+            <a-tooltip>
+              <template #title>{{ item.csslinkValue }}</template>
+              <p @click="ServiceAddressFunction(item.csslinkValue)">
+                样式服务地址：
+                {{ item.csslinkValue }}
+              </p>
+            </a-tooltip>
+          </div>
+          <div class="right">
+            <div @click="technical()">技术文档</div>
+            <div @click="technicalNew()">新手指引</div>
+          </div>
+        </div>
+        <div class="content-right">
+          <div class="content-right-left">
+            <div class="content-right-title">{{ item.contact }}</div>
+            <div class="content-right-content">
+              <p>
+                <span>{{ item.facilitator.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.facilitator.value }}</template>
+                  <span>{{ item.facilitator.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.people.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.people.value }}</template>
+                  <span>{{ item.people.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.phone.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.phone.value }}</template>
+                  <span>{{ item.phone.value }}</span>
+                </a-tooltip>
+              </p>
+            </div>
+          </div>
+          <div class="content-right-right">
+            <div class="content-right-title">{{ item.contact2 }}</div>
+            <div class="content-right-content">
+              <p>
+                <span>{{ item.facilitator2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.facilitator2.value }}</template>
+                  <span>{{ item.facilitator2.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.people2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.people2.value }}</template>
+                  <span>{{ item.people2.value }}</span>
+                </a-tooltip>
+              </p>
+              <p>
+                <span>{{ item.phone2.name }}</span>
+                <a-tooltip>
+                  <template #title>{{ item.phone2.value }}</template>
+                  <span>{{ item.phone2.value }}</span>
+                </a-tooltip>
+              </p>
+            </div>
           </div>
         </div>
       </div>
diff --git a/front/src/views/home/apply.vue b/front/src/views/home/apply.vue
index 6c80ab33..ea095c7b 100644
--- a/front/src/views/home/apply.vue
+++ b/front/src/views/home/apply.vue
@@ -112,15 +112,15 @@
               </div>
               <div>
                 <a-form-item
-                  label="应用背景"
+                  label="需求依据"
                   name="applicationBackground"
                   :rules="[
-                    { required: true, message: '请输入应用背景' },
-                    { min: 50, message: '应用背景最少为50个字' },
+                    { required: true, message: '请输入需求依据' },
+                    { min: 50, message: '需求依据最少为50个字' },
                   ]"
                 >
                   <a-textarea
-                    placeholder="请输入应用背景"
+                    placeholder="请输入需求依据"
                     v-model:value="formName.applicationBackground"
                     :rows="4"
                   />
diff --git a/front/src/views/home/components/header.vue b/front/src/views/home/components/header.vue
index c2d2473c..5184b0f5 100644
--- a/front/src/views/home/components/header.vue
+++ b/front/src/views/home/components/header.vue
@@ -247,6 +247,11 @@
           path: '/assignCase',
         })
         break
+      case '典型赋能案例':
+        router.push({
+          path: '/assignCase',
+        })
+        break
       case '融合服务':
         router.push({
           path: '/integrationServices',
diff --git a/front/src/views/home/infrastructurePage.vue b/front/src/views/home/infrastructurePage.vue
index 1fcdb901..8dc1c108 100644
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@@ -840,7 +840,7 @@
   const tabList = ref([
     {
       title: '设施类型',
-      content: ['视频资源', '云资源', '感知资源', '会议室'],
+      content: ['视频资源', '云资源', '感知资源', '城市云脑会客厅'],
     },
     {
       title: '视频标签',
@@ -971,7 +971,7 @@
   }
   //获取不可选择的分钟
   const disabledStartMinutes = (selectedHour) => {
-    if (roomEndTime) {
+    if (roomEndTime.value) {
       let minutes = []
       let hour = moment().hour()
       let minute = moment().minute()
@@ -985,7 +985,7 @@
   }
   //获取不可选择的秒
   const disabledStartSeconds = (selectedHour, selectedMinute) => {
-    if (roomEndTime) {
+    if (roomEndTime.value) {
       let seconds = []
       let hour = moment().hour()
       let minute = moment().minute()
@@ -1011,7 +1011,7 @@
   }
   //获取不可选择的分钟
   const disabledEndMinutes = (selectedHour) => {
-    if (roomCreateTime) {
+    if (roomCreateTime.value) {
       let minutes = []
       let hour = moment().hour()
       let minute = moment().minute()
@@ -1025,7 +1025,7 @@
   }
   //获取不可选择的秒
   const disabledEndSeconds = (selectedHour, selectedMinute) => {
-    if (roomCreateTime) {
+    if (roomCreateTime.value) {
       let seconds = []
       let hour = moment().hour()
       let minute = moment().minute()
@@ -1262,7 +1262,7 @@
         dataSource.value = []
         dataSource2.value = []
         pagination.value.total = 0
-      } else if (name == '会议室') {
+      } else if (name == '城市云脑会客厅') {
         //     room.value = false
         //     wrjFlag.value = true
         //     showMap.value = false
@@ -1380,7 +1380,7 @@
           })
         })
         wrjFlag.value = true
-      } else if (name == '会议室') {
+      } else if (name == '城市云脑会客厅') {
         showMap.value = false
         dataSource.value = []
         dataSource2.value = []