diff --git a/src/views/sponeScreen/evaluationKH/ganZhiRenKeDu.vue b/src/views/sponeScreen/evaluationKH/ganZhiRenKeDu.vue
index 9256148..b091b1e 100644
--- a/src/views/sponeScreen/evaluationKH/ganZhiRenKeDu.vue
+++ b/src/views/sponeScreen/evaluationKH/ganZhiRenKeDu.vue
@@ -8,26 +8,89 @@
             <el-table-column label="机制建设考核" prop="partitionName" show-overflow-tooltip />
             <el-table-column label="目标要求" prop="reformProjectName" show-overflow-tooltip />
             <el-table-column label="现状情况" prop="reformAchievement" show-overflow-tooltip />
+            <el-table-column label="操作" class-name="small-padding fixed-width" width="100">
+              <template #default="scope">
+                <div @click="handleFileDetail(scope.row)" style="cursor: pointer; color: #00d1ff">查看</div>
+              </template>
+            </el-table-column>
           </el-table>
         </div>
       </div>
     </div>
+    <!-- 查看对应内容 -->
+    <el-dialog v-model="dialogShow" :title="titleModal + '佐证材料'" append-to-body width="1500px">
+      <!-- 满意度统计 -->
+      <div class="satisfied" v-if="titleModal == '群众满意度'">
+        <div class="part" v-for="(item, index) in tableDataCount" :key="item.id">
+          <p>
+            <span>{{ index + 1 }},题目名称:{{ item.problemName }},</span>
+            <span> 题目类型:{{ item.problemType == 'radio' ? '单选' : item.problemType == 'answers' ? '简答题' : '--' }} </span>
+            <span>,本题有效填写人次:{{ item.fillTimes || 0 }}</span>
+          </p>
+          <el-table :data="item.problemOptionList">
+            <el-table-column label="选项名称" prop="optionName" />
+            <el-table-column label="问题选项填报次数" prop="optionTimes" />
+            <el-table-column label="问题选项填报百分比" prop="percentage" />
+          </el-table>
+        </div>
+      </div>
+      <!-- 海绵文化宣传培训 -->
+      <div v-else>
+        <SpecialPX></SpecialPX>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script setup>
+import { quesNaireCount } from '@/api/publicService/index';
+import SpecialPX from '@/views/publicService/special.vue';
+
 const { proxy } = getCurrentInstance();
 const tableData = ref([
   { partitionName: '海绵文化宣传培训', reformProjectName: '培训4次,宣传6次', reformAchievement: '培训7次,宣传9次' },
   { partitionName: '群众满意度', reformProjectName: '96%', reformAchievement: '96.9%' },
 ]);
+const dialogShow = ref(false);
+const titleModal = ref('');
+const tableDataCount = ref([]);
+
+// 查看详情
+function handleFileDetail(row) {
+  titleModal.value = row.partitionName;
+  if (titleModal.value == '群众满意度') {
+    handleCount();
+  }
+  dialogShow.value = true;
+}
+
+// 满意度统计
+function handleCount() {
+  quesNaireCount('1808379104653017089').then(res => {
+    tableDataCount.value = res.data.problemConfigList;
+  });
+}
 
 onMounted(() => {});
 
 onBeforeUnmount(() => {});
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
+.satisfied {
+  margin-bottom: 20px;
+  max-height: 800px;
+  overflow: auto;
+  .part {
+    p {
+      display: flex;
+      color: #c6c6c6;
+    }
+    .el-table {
+      margin: 10px 0px;
+    }
+  }
+}
 .jiZhiJianShe {
   width: 49%;
   margin-left: 10px;

diff --git a/src/views/sponeScreen/evaluationKH/ganZhiRenKeDu.vue b/src/views/sponeScreen/evaluationKH/ganZhiRenKeDu.vue
index 9256148..b091b1e 100644
--- a/src/views/sponeScreen/evaluationKH/ganZhiRenKeDu.vue
+++ b/src/views/sponeScreen/evaluationKH/ganZhiRenKeDu.vue
@@ -8,26 +8,89 @@
             <el-table-column label="机制建设考核" prop="partitionName" show-overflow-tooltip />
             <el-table-column label="目标要求" prop="reformProjectName" show-overflow-tooltip />
             <el-table-column label="现状情况" prop="reformAchievement" show-overflow-tooltip />
+            <el-table-column label="操作" class-name="small-padding fixed-width" width="100">
+              <template #default="scope">
+                <div @click="handleFileDetail(scope.row)" style="cursor: pointer; color: #00d1ff">查看</div>
+              </template>
+            </el-table-column>
           </el-table>
         </div>
       </div>
     </div>
+    <!-- 查看对应内容 -->
+    <el-dialog v-model="dialogShow" :title="titleModal + '佐证材料'" append-to-body width="1500px">
+      <!-- 满意度统计 -->
+      <div class="satisfied" v-if="titleModal == '群众满意度'">
+        <div class="part" v-for="(item, index) in tableDataCount" :key="item.id">
+          <p>
+            <span>{{ index + 1 }},题目名称:{{ item.problemName }},</span>
+            <span> 题目类型:{{ item.problemType == 'radio' ? '单选' : item.problemType == 'answers' ? '简答题' : '--' }} </span>
+            <span>,本题有效填写人次:{{ item.fillTimes || 0 }}</span>
+          </p>
+          <el-table :data="item.problemOptionList">
+            <el-table-column label="选项名称" prop="optionName" />
+            <el-table-column label="问题选项填报次数" prop="optionTimes" />
+            <el-table-column label="问题选项填报百分比" prop="percentage" />
+          </el-table>
+        </div>
+      </div>
+      <!-- 海绵文化宣传培训 -->
+      <div v-else>
+        <SpecialPX></SpecialPX>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script setup>
+import { quesNaireCount } from '@/api/publicService/index';
+import SpecialPX from '@/views/publicService/special.vue';
+
 const { proxy } = getCurrentInstance();
 const tableData = ref([
   { partitionName: '海绵文化宣传培训', reformProjectName: '培训4次,宣传6次', reformAchievement: '培训7次,宣传9次' },
   { partitionName: '群众满意度', reformProjectName: '96%', reformAchievement: '96.9%' },
 ]);
+const dialogShow = ref(false);
+const titleModal = ref('');
+const tableDataCount = ref([]);
+
+// 查看详情
+function handleFileDetail(row) {
+  titleModal.value = row.partitionName;
+  if (titleModal.value == '群众满意度') {
+    handleCount();
+  }
+  dialogShow.value = true;
+}
+
+// 满意度统计
+function handleCount() {
+  quesNaireCount('1808379104653017089').then(res => {
+    tableDataCount.value = res.data.problemConfigList;
+  });
+}
 
 onMounted(() => {});
 
 onBeforeUnmount(() => {});
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
+.satisfied {
+  margin-bottom: 20px;
+  max-height: 800px;
+  overflow: auto;
+  .part {
+    p {
+      display: flex;
+      color: #c6c6c6;
+    }
+    .el-table {
+      margin: 10px 0px;
+    }
+  }
+}
 .jiZhiJianShe {
   width: 49%;
   margin-left: 10px;
diff --git a/src/views/sponeScreen/evaluationKH/index.vue b/src/views/sponeScreen/evaluationKH/index.vue
index 38c75a7..f078cd7 100644
--- a/src/views/sponeScreen/evaluationKH/index.vue
+++ b/src/views/sponeScreen/evaluationKH/index.vue
@@ -102,13 +102,12 @@
 .oneMapKHPG {
   width: 100%;
   .headHMA {
-    background: none;
-    background: rgba(0, 59, 109, 0.8);
     border-radius: 8px;
-    top: 10px;
+    top: 0px;
     height: auto;
     padding: 10px;
     display: flex;
+    background: none;
   }
 }
 </style>

diff --git a/src/views/sponeScreen/evaluationKH/ganZhiRenKeDu.vue b/src/views/sponeScreen/evaluationKH/ganZhiRenKeDu.vue
index 9256148..b091b1e 100644
--- a/src/views/sponeScreen/evaluationKH/ganZhiRenKeDu.vue
+++ b/src/views/sponeScreen/evaluationKH/ganZhiRenKeDu.vue
@@ -8,26 +8,89 @@
             <el-table-column label="机制建设考核" prop="partitionName" show-overflow-tooltip />
             <el-table-column label="目标要求" prop="reformProjectName" show-overflow-tooltip />
             <el-table-column label="现状情况" prop="reformAchievement" show-overflow-tooltip />
+            <el-table-column label="操作" class-name="small-padding fixed-width" width="100">
+              <template #default="scope">
+                <div @click="handleFileDetail(scope.row)" style="cursor: pointer; color: #00d1ff">查看</div>
+              </template>
+            </el-table-column>
           </el-table>
         </div>
       </div>
     </div>
+    <!-- 查看对应内容 -->
+    <el-dialog v-model="dialogShow" :title="titleModal + '佐证材料'" append-to-body width="1500px">
+      <!-- 满意度统计 -->
+      <div class="satisfied" v-if="titleModal == '群众满意度'">
+        <div class="part" v-for="(item, index) in tableDataCount" :key="item.id">
+          <p>
+            <span>{{ index + 1 }},题目名称:{{ item.problemName }},</span>
+            <span> 题目类型:{{ item.problemType == 'radio' ? '单选' : item.problemType == 'answers' ? '简答题' : '--' }} </span>
+            <span>,本题有效填写人次:{{ item.fillTimes || 0 }}</span>
+          </p>
+          <el-table :data="item.problemOptionList">
+            <el-table-column label="选项名称" prop="optionName" />
+            <el-table-column label="问题选项填报次数" prop="optionTimes" />
+            <el-table-column label="问题选项填报百分比" prop="percentage" />
+          </el-table>
+        </div>
+      </div>
+      <!-- 海绵文化宣传培训 -->
+      <div v-else>
+        <SpecialPX></SpecialPX>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script setup>
+import { quesNaireCount } from '@/api/publicService/index';
+import SpecialPX from '@/views/publicService/special.vue';
+
 const { proxy } = getCurrentInstance();
 const tableData = ref([
   { partitionName: '海绵文化宣传培训', reformProjectName: '培训4次,宣传6次', reformAchievement: '培训7次,宣传9次' },
   { partitionName: '群众满意度', reformProjectName: '96%', reformAchievement: '96.9%' },
 ]);
+const dialogShow = ref(false);
+const titleModal = ref('');
+const tableDataCount = ref([]);
+
+// 查看详情
+function handleFileDetail(row) {
+  titleModal.value = row.partitionName;
+  if (titleModal.value == '群众满意度') {
+    handleCount();
+  }
+  dialogShow.value = true;
+}
+
+// 满意度统计
+function handleCount() {
+  quesNaireCount('1808379104653017089').then(res => {
+    tableDataCount.value = res.data.problemConfigList;
+  });
+}
 
 onMounted(() => {});
 
 onBeforeUnmount(() => {});
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
+.satisfied {
+  margin-bottom: 20px;
+  max-height: 800px;
+  overflow: auto;
+  .part {
+    p {
+      display: flex;
+      color: #c6c6c6;
+    }
+    .el-table {
+      margin: 10px 0px;
+    }
+  }
+}
 .jiZhiJianShe {
   width: 49%;
   margin-left: 10px;
diff --git a/src/views/sponeScreen/evaluationKH/index.vue b/src/views/sponeScreen/evaluationKH/index.vue
index 38c75a7..f078cd7 100644
--- a/src/views/sponeScreen/evaluationKH/index.vue
+++ b/src/views/sponeScreen/evaluationKH/index.vue
@@ -102,13 +102,12 @@
 .oneMapKHPG {
   width: 100%;
   .headHMA {
-    background: none;
-    background: rgba(0, 59, 109, 0.8);
     border-radius: 8px;
-    top: 10px;
+    top: 0px;
     height: auto;
     padding: 10px;
     display: flex;
+    background: none;
   }
 }
 </style>
diff --git a/src/views/sponeScreen/evaluationKH/xiangMuJianShe.vue b/src/views/sponeScreen/evaluationKH/xiangMuJianShe.vue
index 4e9557c..5614669 100644
--- a/src/views/sponeScreen/evaluationKH/xiangMuJianShe.vue
+++ b/src/views/sponeScreen/evaluationKH/xiangMuJianShe.vue
@@ -162,11 +162,12 @@
         align-items: center;
         width: 100%;
         margin-top: -10px;
-        font-size: 14px;
+        font-size: 13px;
 
         .title {
           width: 130px;
           color: #ffffff;
+          font-size: 13px;
         }
 
         .title2 {
@@ -186,6 +187,7 @@
         .title {
           width: 130px;
           color: #ffffff;
+          font-size: 14px;
         }
 
         .el-progress {