From 6993b8403a7c3bb6d749861f6a075be46b2b313e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=88=98=E7=AB=8B=E6=A0=87?= <2658037827@qq.com>
Date: Wed, 6 Dec 2023 17:21:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E4=BF=A1=E6=81=AF=E8=B5=84?=
 =?UTF-8?q?=E6=BA=90=E5=8D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../overview/components/MapResourceInfo.vue   |   9 +-
 .../components/MapResourceInfoMore.vue        | 425 ++++++++++--------
 .../components/ServiceDetailsLookForSb.vue    | 240 ++++++++++
 .../dataBoard/overview/components/map-top.vue |   4 +-
 4 files changed, 477 insertions(+), 201 deletions(-)
 create mode 100644 src/views/dataBoard/overview/components/ServiceDetailsLookForSb.vue

diff --git a/src/views/dataBoard/overview/components/MapResourceInfo.vue b/src/views/dataBoard/overview/components/MapResourceInfo.vue
index 93171310f..7f89ed804 100644
--- a/src/views/dataBoard/overview/components/MapResourceInfo.vue
+++ b/src/views/dataBoard/overview/components/MapResourceInfo.vue
@@ -118,7 +118,7 @@
       </el-dialog>
     </div>
 
-    <MapResourceInfoMore ref="MapResourceInfoMore"/>
+    <MapResourceInfoMore ref="MapResourceInfoMore" :currentLevelData="currentLevelData"/>
   </div>
 </template>
 
@@ -130,6 +130,12 @@ import MapResourceInfoMore from "@/views/dataBoard/overview/components/MapResour
 export default {
   name: "MapResourceInfo",
   components: {Title, CallPhone, MapResourceInfoMore},
+  props: {
+    currentLevelData: {
+      type: Object,
+      default: () => {}
+    }
+  },
   data() {
     return {
       dialogVisible: false,
@@ -174,6 +180,7 @@ export default {
         type: this.type,
         education: this.education,
         hobby: this.hobby,
+        id: this.id
       })
     },
     getData(type) {
diff --git a/src/views/dataBoard/overview/components/MapResourceInfoMore.vue b/src/views/dataBoard/overview/components/MapResourceInfoMore.vue
index fa7086f36..55feed72b 100644
--- a/src/views/dataBoard/overview/components/MapResourceInfoMore.vue
+++ b/src/views/dataBoard/overview/components/MapResourceInfoMore.vue
@@ -1,189 +1,193 @@
 <template>
-  <el-dialog
-      :before-close="handleClose"
-      :modal="true"
-      :modal-append-to-body="false"
-      :visible.sync="dialogVisible"
-      class="dissatisfied-detail"
-      title=""
-      width="1118px"
-  >
-    <div class="content">
-      <div class="main-title main-title2">
-        <Title text="查看更多"/>
-      </div>
-
-      <div class="contents">
-        <el-row>
-          <el-col :span="12">
-            <div class="items">
-              <div class="label">资源类型：</div>
-              <div class="value">{{ typesList[types] }}</div>
-            </div>
-          </el-col>
-          <template v-if="types === 2 || types === 3">
-            <el-col :span="12">
+  <div>
+    <el-dialog
+        :before-close="handleClose"
+        :modal="true"
+        :modal-append-to-body="false"
+        :visible.sync="dialogVisible"
+        class="dissatisfied-detail"
+        title=""
+        width="1118px"
+    >
+      <div class="content">
+        <div class="main-title main-title2">
+          <Title text="查看更多"/>
+        </div>
 
-              <div class="items">
-                <div class="label">单位名称：</div>
-                <div class="value">{{ detail.unitName }}</div>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">分类：</div>
-                <div class="value">{{ detail.typeName }}</div>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">服务事项：</div>
-                <div class="value">{{
-                    detail.serviceMatterNameList ? detail.serviceMatterNameList.join('、') : ''
-                  }}
-                </div>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">联系人：</div>
-                <div class="value">{{ detail.contact }}</div>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">联系电话：</div>
-                <div class="value">{{ detail.contactMobile }}</div>
-                <CallPhone icon="el-icon-phone"/>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">地理位置：</div>
-                <div class="value">{{ detail.address }}</div>
-              </div>
-            </el-col>
-          </template>
-          <template v-if="types === 3">
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">组织名称：</div>
-                <div class="value">{{ detail.organizationName }}</div>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">分类：</div>
-                <div class="value">{{ detail.categoryName }}</div>
-              </div>
-            </el-col>
+        <div class="contents">
+          <el-row>
             <el-col :span="12">
               <div class="items">
-                <div class="label">服务事项：</div>
-                <div class="value">{{ detail.serviceItem }}</div>
+                <div class="label">资源类型：</div>
+                <div class="value">{{ typesList[types] }}</div>
               </div>
             </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">联系人：</div>
-                <div class="value">{{ detail.principalName }}</div>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">联系电话：</div>
-                <div class="value">{{ detail.principalPhone }}</div>
-                <CallPhone icon="el-icon-phone"/>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">地理位置：</div>
-                <div class="value">{{ detail.address }}</div>
-              </div>
-            </el-col>
-          </template>
+            <template v-if="types === 2 || types === 3">
+              <el-col :span="12">
 
-          <template v-if="types === 4 || types === 5 || types === 1">
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">姓名：</div>
-                <div class="value">{{ detail.name }}</div>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">联系电话：</div>
-                <div class="value">{{ detail.mobile }}</div>
-                <CallPhone icon="el-icon-phone"/>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">年龄：</div>
-                <div class="value">{{ detail.birthday ? getAgeByDateOfBirth(detail.birthday) : '未知' }}</div>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">学历：</div>
-                <div class="value">{{ education ? education.cultureLevelName : '' }}</div>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <!--            <div class="items">
-                            <div class="label">状态：</div>
-                            <div class="value">巡查中</div>
-                          </div>-->
+                <div class="items">
+                  <div class="label">单位名称：</div>
+                  <div class="value">{{ detail.unitName }}</div>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">分类：</div>
+                  <div class="value">{{ detail.typeName }}</div>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">服务事项：</div>
+                  <div class="value">{{
+                      detail.serviceMatterNameList ? detail.serviceMatterNameList.join('、') : ''
+                    }}
+                  </div>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">联系人：</div>
+                  <div class="value">{{ detail.contact }}</div>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">联系电话：</div>
+                  <div class="value">{{ detail.contactMobile }}</div>
+                  <CallPhone icon="el-icon-phone"/>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">地理位置：</div>
+                  <div class="value">{{ detail.address }}</div>
+                </div>
+              </el-col>
+            </template>
+            <template v-if="types === 3">
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">组织名称：</div>
+                  <div class="value">{{ detail.organizationName }}</div>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">分类：</div>
+                  <div class="value">{{ detail.categoryName }}</div>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">服务事项：</div>
+                  <div class="value">{{ detail.serviceItem }}</div>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">联系人：</div>
+                  <div class="value">{{ detail.principalName }}</div>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">联系电话：</div>
+                  <div class="value">{{ detail.principalPhone }}</div>
+                  <CallPhone icon="el-icon-phone"/>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">地理位置：</div>
+                  <div class="value">{{ detail.address }}</div>
+                </div>
+              </el-col>
+            </template>
 
-              <div class="items">
-                <div class="label">所在位置：</div>
-                <div class="value">{{ detail.houseInfo.homeName }}</div>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="items">
-                <div class="label">兴趣爱好：</div>
-                <div class="value">{{ hobby ? hobby.hobbyRemark : '' }}</div>
-              </div>
-            </el-col>
-          </template>
-        </el-row>
-        <Tabs v-model="type" :list="typeList" @changeVal="typeChange"/>
-        <div class="table">
-          <el-table v-loading="loading" :data="list" element-loading-background="rgba(0, 0, 0, 0.3)"
-                    height="250px">
-            <el-table-column label="序号" type="index"/>
+            <template v-if="types === 4 || types === 5 || types === 1">
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">姓名：</div>
+                  <div class="value">{{ detail.name }}</div>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">联系电话：</div>
+                  <div class="value">{{ detail.mobile }}</div>
+                  <CallPhone icon="el-icon-phone"/>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">年龄：</div>
+                  <div class="value">{{ detail.birthday ? getAgeByDateOfBirth(detail.birthday) : '未知' }}</div>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">学历：</div>
+                  <div class="value">{{ education ? education.cultureLevelName : '' }}</div>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <!--            <div class="items">
+                              <div class="label">状态：</div>
+                              <div class="value">巡查中</div>
+                            </div>-->
 
-            <el-table-column v-if="type === 1" label="服务时间" prop="key"/>
-            <el-table-column v-if="type === 1" label="需求类型" prop="key"/>
-            <el-table-column v-if="type === 1" label="需求内容" prop="key"/>
-            <el-table-column v-if="type === 1" label="满意度" prop="key"/>
-            <el-table-column v-if="type === 1" label="状态" prop="key"/>
+                <div class="items">
+                  <div class="label">所在位置：</div>
+                  <div class="value">{{ detail.houseInfo.homeName }}</div>
+                </div>
+              </el-col>
+              <el-col :span="12">
+                <div class="items">
+                  <div class="label">兴趣爱好：</div>
+                  <div class="value">{{ hobby ? hobby.hobbyRemark : '' }}</div>
+                </div>
+              </el-col>
+            </template>
+          </el-row>
+          <Tabs v-model="type" :list="typeList" @changeVal="typeChange"/>
+          <div class="table">
+            <el-table v-loading="loading" :data="list" element-loading-background="rgba(0, 0, 0, 0.3)"
+                      height="250px">
+              <el-table-column label="序号" type="index"/>
+              <el-table-column v-if="type === 1" label="服务时间" prop="wantServiceTime"/>
+              <el-table-column v-if="type === 1" label="需求类型" prop="categoryAllName"/>
+              <el-table-column v-if="type === 1" label="需求内容" prop="content"/>
+              <el-table-column v-if="type === 1" label="满意度" prop="score"/>
+              <el-table-column v-if="type === 1" label="状态" prop="statusName"/>
 
-            <el-table-column v-if="type !== 1" label="服务类型" prop="key"/>
-            <el-table-column v-if="type !== 1" label="服务事项" prop="key"/>
-            <el-table-column v-if="type !== 1" label="来自" prop="key"/>
-            <el-table-column v-if="type !== 1" label="服务时间" prop="key"/>
-            <el-table-column v-if="type !== 1" label="服务人数" prop="key"/>
+              <el-table-column v-if="type !== 1" label="服务类型" prop="serviceTypeName"/>
+              <el-table-column v-if="type !== 1" label="服务事项" prop="serviceName"/>
+              <el-table-column v-if="type !== 1" label="来自" prop="sourceName"/>
+              <el-table-column v-if="type !== 1" label="服务时间" prop="serviceTimeStart"/>
+              <el-table-column v-if="type !== 1" label="服务人数" prop="servedPersonQty"/>
 
-            <el-table-column label="操作" prop="op">
-              <template slot-scope="scope">
-                <span class="view" @click="handleViews(scope.row)">查看</span>
-              </template>
-            </el-table-column>
-          </el-table>
-          <Pagination
-              v-show="total > 0"
-              :limit.sync="queryParams.pageSize"
-              :page.sync="queryParams.pageNo"
-              :total="total"
-              @pagination="getList"
-          />
+              <el-table-column label="操作" prop="op">
+                <template slot-scope="scope">
+                  <span v-if="type === 1" class="view" @click="handleViewsSeverice(scope.row)">查看</span>
+                  <span v-else class="view" @click="handleViews(scope.row)">查看</span>
+                </template>
+              </el-table-column>
+            </el-table>
+            <Pagination
+                v-show="total > 0"
+                :limit.sync="queryParams.pageSize"
+                :page.sync="queryParams.pageNo"
+                :total="total"
+                @pagination="getList"
+            />
+          </div>
         </div>
       </div>
-    </div>
-  </el-dialog>
+    </el-dialog>
+    <ServiceDetails ref="ServiceDetails" :currentLevelData="currentLevelData"/>
+    <ServiceDetailsLookForSb :id="rowId" :showDialog="showDialog" :type="type" @close="showDialog = false"/>
+  </div>
 </template>
 
 <script>
@@ -191,16 +195,27 @@ import Pagination from "@/views/dataBoard/satisfactionEval/components/Pagination
 import Tabs from "@/views/dataBoard/satisfactionEval/components/Tabs/index.vue";
 import CallPhone from "@/views/dataBoard/cpts/CallPhone";
 import Title from "@/views/dataBoard/satisfactionEval/components/Title";
+import ServiceDetails from "@/views/dataBoard/overview/components/ServiceDetails.vue";
+import ServiceDetailsLookForSb from "@/views/dataBoard/overview/components/ServiceDetailsLookForSb.vue";
 
 export default {
   name: "MapResourceInfoMore",
-  components: {Pagination, Tabs, CallPhone, Title},
+  components: {Pagination, Tabs, CallPhone, Title, ServiceDetails, ServiceDetailsLookForSb},
+  props: {
+    currentLevelData: {
+      type: Object,
+      default: () => {}
+    }
+  },
   data() {
     return {
       dialogVisible: false,
-      total: 10,
-      queryParams: {},
-      type: "1",
+      total: 0,
+      queryParams: {
+        pageSize: 5,
+        pageNo: 1,
+      },
+      type: 1,
       list: [],
       loading: false,
       typesList: {
@@ -236,6 +251,8 @@ export default {
           value: 5,
         },
       ],
+      rowId: '',
+      showDialog: false
     }
   },
   mounted() {
@@ -250,66 +267,78 @@ export default {
       this.types = data.type;
       this.education = data.education;
       this.hobby = data.hobby;
-      this.dialogVisible = true;
+      this.dialogVisible = true
+      this.queryParams.serviceType =
+          data.type === 1 ? 'ic_user_volunteer' :
+              data.type === 2 ? 'party_unit' :
+                  data.type === 3 ? 'community_org' :
+                      data.type === 4 ? 'grid_member' :
+                          data.type === 5 ? 'publicWelfare' : ''
+
+      this.queryParams.serverId = data.id
+      this.queryParams.serviceOrgId = data.id
+      this.getList()
     },
     getList() {
-      if (this.type === 1) {
-        this.getPersonalizedNeeds();
-      }
+
       if (this.type === 1) {
         this.getPersonalizedServices();
       }
-      if (this.type === 1) {
+      if (this.type === 2) {
         this.getServiceFindPeople();
       }
-      if (this.type === 1) {
+      if (this.type === 3) {
         this.getWarmthAndFindPeople();
       }
-      if (this.type === 1) {
+      if (this.type === 4) {
         this.getJobAndFindPeople();
       }
-      if (this.type === 1) {
+      if (this.type === 5) {
         this.getSkillsToFindPeople();
       }
     },
     getPersonalizedServices() {
-      this.$http.post('/api/governance/userdemand/pagelist', {...this.queryParams}).then(({data: {data}}) => {
-        this.list = data.list
-        this.total = data.total
-      })
-    },
-    getPersonalizedNeeds() {
-      this.$http.get('icServiceRecordV2/searchList', {...this.queryParams}).then(({data: {data}}) => {
+      this.$http.post('/governance/userdemand/pagelist', {...this.queryParams}).then(({data: {data}}) => {
         this.list = data.list
         this.total = data.total
       })
     },
     getServiceFindPeople() {
-      this.$htpp.get('', {...this.queryParams}).then(({data: {data}}) => {
+      this.$http.post('/governance/icServiceRecordV2/searchList?' + this.$paramsFormat(this.queryParams),this.queryParams).then(({data: {data}}) => {
         this.list = data.list;
         this.total = data.total;
       })
     },
     getWarmthAndFindPeople() {
-      this.$htpp.get('', {...this.queryParams}).then(({data: {data}}) => {
+      this.$http.post('/governance/icServiceWarmRecord/searchList?' + this.$paramsFormat(this.queryParams),this.queryParams).then(({data: {data}}) => {
         this.list = data.list;
         this.total = data.total;
       })
     },
     getJobAndFindPeople() {
-      this.$htpp.get('', {...this.queryParams}).then(({data: {data}}) => {
+      this.$http.post('/governance/icServicePostRecord/searchList?' + this.$paramsFormat(this.queryParams),this.queryParams).then(({data: {data}}) => {
         this.list = data.list;
         this.total = data.total;
       })
     },
     getSkillsToFindPeople() {
-      this.$htpp.get('', {...this.queryParams}).then(({data: {data}}) => {
+      this.$http.post('/governance/icServiceSkillRecord/searchList?' + this.$paramsFormat(this.queryParams),this.queryParams).then(({data: {data}}) => {
         this.list = data.list;
         this.total = data.total;
       })
     },
-    typeChange() {
-
+    typeChange(val) {
+      this.type = val
+      this.queryParams.pageNo = 1
+      this.list = []
+      this.getList()
+    },
+    handleViewsSeverice({demandRecId}) {
+      this.$refs.ServiceDetails.open(demandRecId);
+    },
+    handleViews({serviceRecordId}) {
+      this.rowId = serviceRecordId
+      this.showDialog = true
     }
   }
 }
diff --git a/src/views/dataBoard/overview/components/ServiceDetailsLookForSb.vue b/src/views/dataBoard/overview/components/ServiceDetailsLookForSb.vue
new file mode 100644
index 000000000..cf9ac6a2c
--- /dev/null
+++ b/src/views/dataBoard/overview/components/ServiceDetailsLookForSb.vue
@@ -0,0 +1,240 @@
+<template>
+  <el-dialog
+      :destroy-on-close="true"
+      :modal="true"
+      :modal-append-to-body="false"
+      :visible="showDialog"
+      width="1118px"
+      @close="handleClose"
+  >
+    <div class="content">
+      <div class="main-title main-title2">
+
+        <title-box text="服务详情"/>
+      </div>
+
+      <div class="contents">
+        <el-row>
+          <el-col :span="12">
+            <div class="items">
+              <div class="label">所属组织：</div>
+              <div class="value">{{ detail.principalName }}</div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+
+            <div class="items">
+              <div class="label">服务类型：</div>
+              <div class="value">{{
+                  detail.customerId && getFwType(detail.customerId)
+                }}
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+
+            <div class="items">
+              <div class="label">服务事项：</div>
+              <div class="value">{{ detail.serviceName }}</div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="items">
+              <div class="label">服务时间：</div>
+              <div class="value"
+              >{{ detail.serviceTimeStart }} ~
+                {{ detail.serviceTimeEnd }}
+              </div
+              >
+            </div>
+          </el-col>
+
+          <el-col :span="12">
+            <div class="items">
+              <div class="label">经办人：</div>
+              <div class="value">{{ detail.principalName }}</div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+
+            <div class="items">
+              <div class="label">联系电话：</div>
+              <div class="value"> {{ $sensitive(detail.principalContact, 3, 7) }}</div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+
+            <div class="items">
+              <div class="label">服务方：</div>
+              <div class="value">{{ detail.principalName }}</div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+
+            <div class="items">
+              <div class="label">政策依据：</div>
+              <div class="value">{{ detail.policyTitle }}</div>
+            </div>
+          </el-col>
+          <el-col :span="24">
+            <div class="items" style="align-items: flex-start">
+              <div class="label">服务内容：</div>
+              <div class="value">{{ detail.remark }}</div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import titleBox from "@/views/dataBoard/satisfactionEval/components/Title";
+
+export default {
+  name: "ServiceDetailsLookForSb",
+  components: {
+    titleBox,
+  },
+  props: {
+    id: {
+      type: String,
+      default: "",
+    },
+    type: {
+      type: [String, Number],
+      default: "",
+    },
+    showDialog: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data() {
+    return {
+      item: {},
+      loading: false,
+      detail: {},
+      // 服务类型。
+      serviceTypesLevel1: [],
+    };
+  },
+
+  computed: {},
+  watch: {
+    showDialog: {
+      handler(val) {
+        if (val) {
+          this.getDetailsData();
+        }
+      },
+      immediate: true,
+    },
+  },
+  mounted() {
+    this.$http
+        .get("/governance/commonServiceType/selectList/0")
+        .then(({data: res}) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            this.serviceTypesLevel1 = res.data;
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+  },
+
+  methods: {
+    handleClose() {
+      this.$emit("close", false);
+      this.item = {};
+    },
+    getFwType(value) {
+      if (this.serviceTypesLevel1.length > 0 && value) {
+        return this.serviceTypesLevel1.filter(
+            (item) => item.customerId == value
+        )[0].name;
+      }
+      return "";
+    },
+    openImg(src) {
+      window.open(src);
+    },
+
+    getTrueTime(time) {
+      return this.$moment(time * 1000).format("YYYY-MM-DD hh:mm");
+    },
+
+    getDetailsData() {
+      this.loading = true;
+      if (this.type === 2) {
+        this.getServiceFindPeople();
+      }
+      if (this.type === 3) {
+        this.getWarmthAndFindPeople();
+      }
+      if (this.type === 4) {
+        this.getJobAndFindPeople();
+      }
+      if (this.type === 5) {
+        this.getSkillsToFindPeople();
+      }
+    },
+    getServiceFindPeople() {
+      this.$http.post('/governance/icServiceRecordV2/detail', {serviceRecordId: this.id}).then(({data: {data}}) => {
+        this.detail = data || {};
+        this.loading = false;
+      })
+    },
+    getWarmthAndFindPeople() {
+      this.$http.post('/governance/icServiceWarmRecord/detail', {serviceRecordId: this.id}).then(({data: {data}}) => {
+        this.detail = data || {};
+        this.loading = false;
+      })
+    },
+    getJobAndFindPeople() {
+      this.$http.post('/governance/icServicePostRecord/detail', {serviceRecordId: this.id}).then(({data: {data}}) => {
+        this.detail = data || {};
+        this.loading = false;
+      })
+    },
+    getSkillsToFindPeople() {
+      this.$http.post('/governance/icServiceSkillRecord/detail', {serviceRecordId: this.id}).then(({data: {data}}) => {
+        this.detail = data || {};
+        this.loading = false;
+      })
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
+@import "@/assets/scss/dataBoard/dialog.scss";
+
+
+.contents {
+  padding: 40px 50px;
+
+  .items {
+    font-size: 14px;
+    position: relative;
+    display: flex;
+    align-items: center;
+    margin-bottom: 17px;
+
+    .label {
+      color: #9CB4D3;
+      white-space: nowrap;
+    }
+
+    .value {
+      color: #FFFFFF;
+    }
+  }
+}
+
+</style>
diff --git a/src/views/dataBoard/overview/components/map-top.vue b/src/views/dataBoard/overview/components/map-top.vue
index 505eb5370..e9f54db59 100644
--- a/src/views/dataBoard/overview/components/map-top.vue
+++ b/src/views/dataBoard/overview/components/map-top.vue
@@ -20,8 +20,8 @@
     <ServiceDetails ref="ServiceDetails"/>
     <EventDetails :id="rowId" :showDialog="showDialog" @close="showDialog = false"/>
 
-    <MapResourceInfo ref="MapResourceInfo"/>
-    <DissatisfiedDetails ref="DissatisfiedDetails" :id="rowId" />
+    <MapResourceInfo ref="MapResourceInfo" :currentLevelData="currentLevelData"/>
+    <DissatisfiedDetails ref="DissatisfiedDetails" :id="rowId" :currentLevelData="currentLevelData" />
   </div>
 </template>
 <script>