diff --git a/src/assets/images/sy/zwfw_bg.png b/src/assets/images/sy/zwfw_bg.png
new file mode 100644
index 0000000..b1aa9b7
Binary files /dev/null and b/src/assets/images/sy/zwfw_bg.png differ
diff --git a/src/assets/images/sy/zwfw_bl.png b/src/assets/images/sy/zwfw_bl.png
new file mode 100644
index 0000000..5cba512
Binary files /dev/null and b/src/assets/images/sy/zwfw_bl.png differ
diff --git a/src/assets/images/sy/zwfw_line.png b/src/assets/images/sy/zwfw_line.png
new file mode 100644
index 0000000..96bce24
Binary files /dev/null and b/src/assets/images/sy/zwfw_line.png differ
diff --git a/src/assets/images/sy/zwfw_sl.png b/src/assets/images/sy/zwfw_sl.png
new file mode 100644
index 0000000..ab9f543
Binary files /dev/null and b/src/assets/images/sy/zwfw_sl.png differ
diff --git a/src/assets/images/sy/zwfw_title.png b/src/assets/images/sy/zwfw_title.png
new file mode 100644
index 0000000..a938db0
Binary files /dev/null and b/src/assets/images/sy/zwfw_title.png differ
diff --git a/src/view/echarts_sy/zwfw1.vue b/src/view/echarts_sy/zwfw1.vue
new file mode 100644
index 0000000..40a7c55
--- /dev/null
+++ b/src/view/echarts_sy/zwfw1.vue
@@ -0,0 +1,209 @@
+<template>
+  <div ref="chart" style="width: 100%; height: 100%"></div>
+</template>
+
+<script setup>
+import { onMounted, reactive, ref } from "vue";
+// 局部引入echarts核心模块
+import * as echarts from "echarts";
+
+const chart = ref(); // 创建DOM引用
+const dataList = [
+  {
+    name: "2.0收件数",
+    value: 90,
+  },
+  {
+    name: "总收件数",
+    value: 100,
+  },
+];
+//内圈数据
+var data = [
+  {
+    value: 90,
+    name: "2.0收件数",
+    itemStyle: {
+      normal: {
+        color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [
+          {
+            offset: 0,
+            color: "rgba(0, 255, 250, 0.29)",
+          },
+          {
+            offset: 0.5,
+            color: "rgba(0, 255, 250, 0.8)",
+          },
+          {
+            offset: 1,
+            color: "rgba(0, 255, 250, 1)",
+          },
+        ]),
+        shadowColor: "rgba(1,1,1,0.5)",
+        shadowBlur: 1,
+      },
+    },
+  },
+  {
+    value: 10,
+    name: "",
+    itemStyle: {
+      normal: {
+        color: "#095b9b", // 未完成的圆环的颜色
+        label: {
+          show: false,
+        },
+        labelLine: {
+          show: false,
+        },
+      },
+      emphasis: {
+        color: "#095b9b", // 未完成的圆环的颜色
+      },
+    },
+  },
+  {
+    value: 100,
+    name: "总收件数",
+    itemStyle: {
+      normal: {
+        color: "rgba(0,0,0,0)",
+      },
+    },
+  },
+];
+//外圈数据
+const data1 = [
+  {
+    value: 100,
+    name: "",
+    itemStyle: {
+      normal: {
+        borderWidth: 1,
+        borderColor: "rgba(193, 229, 255, .1)",
+        color: new echarts.graphic.LinearGradient(1, 1, 1, 0, [
+          {
+            offset: 1,
+            color: "rgba(127, 242, 255, .2)",
+          },
+          {
+            offset: 0,
+            color: "rgba(109, 195, 255, 0)",
+          },
+        ]),
+      },
+    },
+  },
+  {
+    value: 100,
+    name: "",
+    itemStyle: {
+      normal: {
+        color: "rgba(0,0,0,0)",
+      },
+    },
+  },
+];
+
+const option = {
+  legend: 
+    {
+      itemWidth: 10,
+      itemHeight: 10,
+      itemGap: 10,
+      icon: "circle",
+      data: ["2.0收件数","",'总收件数'],
+      bottom: "3%",
+      width: 380,
+      textStyle: {
+        color: "#ffffff", // 修改图例颜色为红色
+      },
+      formatter: function (params) {
+        var num = "";
+        for (let i = 0; i < dataList.length; i++) {
+          if (dataList[i].name == params) {
+            num = dataList[i].value;
+          }
+        }
+        return params + "  " + num;
+      },
+    },
+
+  title: [
+    {
+      text: "90%",
+      right: "24%",
+      bottom: "40%",
+      textStyle: {
+        color: "#ffffff",
+        fontSize: 18,
+      },
+    },
+  ],
+  series: [
+    {
+      // name:'访问来源',
+      type: "pie",
+      hoverAnimation: false,
+      radius: ["60%", "80%"],
+      center: ["53%", "54%"],
+      startAngle: 180,
+      label: {
+        normal: {
+          show: false,
+          position: "center",
+        },
+      },
+      data: data,
+    },
+    {
+      type: "pie",
+      center: ["53%", "54%"],
+      radius: ["80%", "95%"],
+      hoverAnimation: false,
+      startAngle: 180,
+      //   itemStyle: {
+      //     normal: {
+      //       borderWidth: 1,
+      //       borderColor: "rgba(193, 229, 255, .1)",
+      //       color: new echarts.graphic.LinearGradient(1, 1, 1, 0, [
+      //         {
+      //           offset: 1,
+      //           color: "rgba(127, 242, 255, .2)",
+      //         },
+      //         {
+      //           offset: 0,
+      //           color: "rgba(109, 195, 255, 0)",
+      //         },
+      //       ]),
+      //     },
+      //   },
+      label: {
+        normal: {
+          show: false,
+          position: "center",
+        },
+      },
+      data: data1,
+    },
+  ],
+};
+// 使用生命钩子
+onMounted(() => {
+  // 基于准备好的dom，初始化echarts实例
+  // var myChart = echarts.init(document.getElementById('main'));
+  // Vue3中： 需要引入
+  var myChart = echarts.init(chart.value);
+
+  // init(); // vue3.2没有this
+  // 使用刚指定的配置项和数据显示图表。
+  myChart.setOption(option);
+
+  // 单图表响应式: 跟随浏览器大小改变
+  //   window.addEventListener("resize", () => {
+  //     myChart.resize();
+  //   });
+});
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/view/echarts_sy/zwfw2.vue b/src/view/echarts_sy/zwfw2.vue
new file mode 100644
index 0000000..06c7ba4
--- /dev/null
+++ b/src/view/echarts_sy/zwfw2.vue
@@ -0,0 +1,204 @@
+<template>
+  <div ref="chart" style="width: 100%; height: 100%"></div>
+</template>
+
+<script setup>
+import { onMounted, reactive, ref } from "vue";
+// 局部引入echarts核心模块
+import * as echarts from "echarts";
+
+const chart = ref(); // 创建DOM引用
+const dataList = [
+  {
+    name: "超期受理数",
+    value: 90,
+  },
+  {
+    name: "应受理数",
+    value: 100,
+  },
+];
+var data = [
+  {
+    value: 90,
+    name: "超期受理数",
+    itemStyle: {
+      normal: {
+        color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [
+          {
+            offset: 0,
+            color: "rgba(255, 224, 0, 0.29)",
+          },
+          {
+            offset: 1,
+            color: "rgba(255, 224, 0, 1)",
+          },
+        ]),
+        shadowColor: "rgba(1,1,1,0.5)",
+        shadowBlur: 1,
+      },
+    },
+  },
+  {
+    value: dataList[1].value - dataList[0].value,
+    name: "",
+    itemStyle: {
+      normal: {
+        color: "rgba(255, 224, 0, 0.1)", // 未完成的圆环的颜色
+        label: {
+          show: false,
+        },
+        labelLine: {
+          show: false,
+        },
+      },
+      emphasis: {
+        color: "rgba(255, 224, 0, 0.1)", // 未完成的圆环的颜色
+      },
+    },
+  },
+  {
+    value: 100,
+    name: "应受理数",
+    itemStyle: {
+      normal: {
+        color: "rgba(0,0,0,0)",
+      },
+    },
+  },
+];
+const data1 = [
+  {
+    value: 100,
+    name: "",
+    itemStyle: {
+      normal: {
+        borderWidth: 1,
+        borderColor: "rgba(193, 229, 255, .1)",
+        color: new echarts.graphic.LinearGradient(1, 1, 1, 0, [
+          {
+            offset: 1,
+            color: "rgba(127, 242, 255, .2)",
+          },
+          {
+            offset: 0,
+            color: "rgba(109, 195, 255, 0)",
+          },
+        ]),
+      },
+    },
+  },
+  {
+    value: 100,
+    name: "",
+    itemStyle: {
+      normal: {
+        color: "rgba(0,0,0,0)",
+      },
+    },
+  },
+];
+
+const option = {
+  legend: 
+    {
+      itemWidth: 10,
+      itemHeight: 10,
+      itemGap: 10,
+      icon: "circle",
+      data: ["超期受理数","",'应受理数'],
+      bottom: "3%",
+
+      textStyle: {
+        color: "#ffffff", // 修改图例颜色为红色
+      },
+      formatter: function (params) {
+        var num = "";
+        for (let i = 0; i < dataList.length; i++) {
+          if (dataList[i].name == params) {
+            num = dataList[i].value;
+          }
+        }
+        return params + "  " + num;
+      },
+    },
+
+  
+  title: [
+    {
+      text: "90%",
+      right: "24%",
+      bottom: "40%",
+      textStyle: {
+        color: "#ffffff",
+        fontSize: 18,
+      },
+    },
+  ],
+  series: [
+    {
+      // name:'访问来源',
+      type: "pie",
+      hoverAnimation: false,
+      radius: ["60%", "80%"],
+      center: ["53%", "54%"],
+      startAngle: 180,
+      label: {
+        normal: {
+          show: false,
+          position: "center",
+        },
+      },
+      data: data,
+    },
+    {
+      type: "pie",
+      center: ["53%", "54%"],
+      radius: ["80%", "95%"],
+      hoverAnimation: false,
+      startAngle: 180,
+      //   itemStyle: {
+      //     normal: {
+      //       borderWidth: 1,
+      //       borderColor: "rgba(193, 229, 255, .1)",
+      //       color: new echarts.graphic.LinearGradient(1, 1, 1, 0, [
+      //         {
+      //           offset: 1,
+      //           color: "rgba(127, 242, 255, .2)",
+      //         },
+      //         {
+      //           offset: 0,
+      //           color: "rgba(109, 195, 255, 0)",
+      //         },
+      //       ]),
+      //     },
+      //   },
+      label: {
+        normal: {
+          show: false,
+          position: "center",
+        },
+      },
+      data: data1,
+    },
+  ],
+};
+// 使用生命钩子
+onMounted(() => {
+  // 基于准备好的dom，初始化echarts实例
+  // var myChart = echarts.init(document.getElementById('main'));
+  // Vue3中： 需要引入
+  var myChart = echarts.init(chart.value);
+
+  // init(); // vue3.2没有this
+  // 使用刚指定的配置项和数据显示图表。
+  myChart.setOption(option);
+
+  // 单图表响应式: 跟随浏览器大小改变
+  //   window.addEventListener("resize", () => {
+  //     myChart.resize();
+  //   });
+});
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/view/echarts_sy/zwfw3.vue b/src/view/echarts_sy/zwfw3.vue
new file mode 100644
index 0000000..bb9844c
--- /dev/null
+++ b/src/view/echarts_sy/zwfw3.vue
@@ -0,0 +1,203 @@
+<template>
+  <div ref="chart" style="width: 100%; height: 100%"></div>
+</template>
+
+<script setup>
+import { onMounted, reactive, ref } from "vue";
+// 局部引入echarts核心模块
+import * as echarts from "echarts";
+
+const chart = ref(); // 创建DOM引用
+const dataList = [
+  {
+    name: "超期办理数",
+    value: 90,
+  },
+  {
+    name: "应办理数",
+    value: 100,
+  },
+];
+var data = [
+  {
+    value: 90,
+    name: "超期办理数",
+    itemStyle: {
+      normal: {
+        color: new echarts.graphic.LinearGradient(0, 0, 1, 1, [
+          {
+            offset: 0,
+            color: "rgba(0, 255, 134, 0.29)",
+          },
+          {
+            offset: 1,
+            color: "rgba(0, 255, 134, 1)",
+          },
+        ]),
+        shadowColor: "rgba(1,1,1,0.5)",
+        shadowBlur: 1,
+      },
+    },
+  },
+  {
+    value: dataList[1].value - dataList[0].value,
+    name: "",
+    itemStyle: {
+      normal: {
+        color: "#095b9b", // 未完成的圆环的颜色
+        label: {
+          show: false,
+        },
+        labelLine: {
+          show: false,
+        },
+      },
+      emphasis: {
+        color: "#095b9b", // 未完成的圆环的颜色
+      },
+    },
+  },
+  {
+    value: 100,
+    name: "应办理数",
+    itemStyle: {
+      normal: {
+        color: "rgba(0,0,0,0)",
+      },
+    },
+  },
+];
+const data1 = [
+  {
+    value: 100,
+    name: "",
+    itemStyle: {
+      normal: {
+        borderWidth: 1,
+        borderColor: "rgba(193, 229, 255, .1)",
+        color: new echarts.graphic.LinearGradient(1, 1, 1, 0, [
+          {
+            offset: 1,
+            color: "rgba(127, 242, 255, .2)",
+          },
+          {
+            offset: 0,
+            color: "rgba(109, 195, 255, 0)",
+          },
+        ]),
+      },
+    },
+  },
+  {
+    value: 100,
+    name: "",
+    itemStyle: {
+      normal: {
+        color: "rgba(0,0,0,0)",
+      },
+    },
+  },
+];
+
+const option = {
+  legend: 
+    {
+      itemWidth: 10,
+      itemHeight: 10,
+      itemGap: 10,
+      icon: "circle",
+      data: ["超期办理数","","应办理数"],
+      bottom: "3%",
+      width: 380,
+      textStyle: {
+        color: "#ffffff", // 修改图例颜色为红色
+      },
+      formatter: function (params) {
+        var num = "";
+        for (let i = 0; i < dataList.length; i++) {
+          if (dataList[i].name == params) {
+            num = dataList[i].value;
+          }
+        }
+        return params + "  " + num;
+      },
+    },
+  
+  title: [
+    {
+      text: "90%",
+      right: "24%",
+      bottom: "40%",
+      textStyle: {
+        color: "#ffffff",
+        fontSize: 18,
+      },
+    },
+  ],
+  series: [
+    {
+      // name:'访问来源',
+      type: "pie",
+      hoverAnimation: false,
+      radius: ["60%", "80%"],
+      center: ["53%", "54%"],
+      startAngle: 180,
+      label: {
+        normal: {
+          show: false,
+          position: "center",
+        },
+      },
+      data: data,
+    },
+    {
+      type: "pie",
+      center: ["53%", "54%"],
+      radius: ["80%", "95%"],
+      hoverAnimation: false,
+      startAngle: 180,
+      //   itemStyle: {
+      //     normal: {
+      //       borderWidth: 1,
+      //       borderColor: "rgba(193, 229, 255, .1)",
+      //       color: new echarts.graphic.LinearGradient(1, 1, 1, 0, [
+      //         {
+      //           offset: 1,
+      //           color: "rgba(127, 242, 255, .2)",
+      //         },
+      //         {
+      //           offset: 0,
+      //           color: "rgba(109, 195, 255, 0)",
+      //         },
+      //       ]),
+      //     },
+      //   },
+      label: {
+        normal: {
+          show: false,
+          position: "center",
+        },
+      },
+      data: data1,
+    },
+  ],
+};
+// 使用生命钩子
+onMounted(() => {
+  // 基于准备好的dom，初始化echarts实例
+  // var myChart = echarts.init(document.getElementById('main'));
+  // Vue3中： 需要引入
+  var myChart = echarts.init(chart.value);
+
+  // init(); // vue3.2没有this
+  // 使用刚指定的配置项和数据显示图表。
+  myChart.setOption(option);
+
+  // 单图表响应式: 跟随浏览器大小改变
+  //   window.addEventListener("resize", () => {
+  //     myChart.resize();
+  //   });
+});
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/view/sy.vue b/src/view/sy.vue
index a69bfcc..084c28f 100644
--- a/src/view/sy.vue
+++ b/src/view/sy.vue
@@ -224,6 +224,7 @@
             class="table_border"
             :row-style="rowState"
             :header-cell-style="tableHeaderColor"
+            v-if="choose == '1'"
           >
             <el-table-column prop="company" label="企业名称" width="180" />
             <el-table-column
@@ -242,6 +243,41 @@
               </template>
             </el-table-column>
           </el-table>
+          <div class="zwfw" v-if="choose == '3'">
+            <div class="shang">
+              <div class="shang_item">
+                <div class="title">一网通办事</div>
+                <div class="i"><zwfw1 /></div>
+              </div>
+              <div class="shang_item">
+                <div class="title">超期受理率</div>
+                <div class="i"><zwfw2 /></div>
+              </div>
+              <div class="shang_item">
+                <div class="title">超期办理率</div>
+                <div class="i"><zwfw3 /></div>
+              </div>
+            </div>
+            <div class="xia">
+              <div class="xia_item">
+                <img class="left" src="@/assets/images/sy/zwfw_sl.png" />
+                <div class="right">
+                  <div class="name">平均受理时长</div>
+                  <img class="line" src="@/assets/images/sy/zwfw_line.png" />
+                  <div class="time"><span>0.22</span>小时</div>
+                </div>
+              </div>
+              <div class="fgx"></div>
+              <div class="xia_item">
+                <img class="left" src="@/assets/images/sy/zwfw_bl.png" />
+                <div class="right">
+                  <div class="name">平均办理时长</div>
+                  <img class="line" src="@/assets/images/sy/zwfw_line.png" />
+                  <div class="time"><span>0.54</span>小时</div>
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -403,6 +439,9 @@
 <script setup>
 import ePie from "./echarts_sy/pie.vue";
 import ePie2 from "./echarts_sy/pie2.vue";
+import zwfw1 from "./echarts_sy/zwfw1.vue";
+import zwfw2 from "./echarts_sy/zwfw2.vue";
+import zwfw3 from "./echarts_sy/zwfw3.vue";
 import footerball from "../assets/images/sy/footerball.png";
 import baskerball from "../assets/images/sy/baskerball.png";
 import badminton from "../assets/images/sy/badminton.png";
@@ -1792,7 +1831,7 @@ onBeforeMount(async () => {
         text-shadow: 0px 2px 4px #35e0f9;
         text-align: left;
         font-style: normal;
-        position: relative; 
+        position: relative;
       }
       .jtsyname::after {
         content: "";
@@ -1800,8 +1839,8 @@ onBeforeMount(async () => {
         width: 60px;
         border-bottom: 1px dashed rgba(0, 238, 250, 1); /* 设置虚线 */
         position: absolute;
-        bottom: -6px; 
-        left: 0; 
+        bottom: -6px;
+        left: 0;
       }
       .jtsytext {
         margin-top: 14px;
@@ -1834,7 +1873,7 @@ onBeforeMount(async () => {
         text-shadow: 0px 2px 4px #35e0f9;
         text-align: left;
         font-style: normal;
-        position: relative; 
+        position: relative;
       }
       .jtsyname::after {
         content: "";
@@ -1888,7 +1927,90 @@ onBeforeMount(async () => {
     }
   }
 }
-
+//政务服务
+.zwfw {
+  height: 272px;
+  box-sizing: border-box;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 4px;
+  border: 0px solid #7aceff;
+  padding: 16px 19px;
+  .shang {
+    display: flex;
+    justify-content: space-around;
+    &_item {
+      width: 28%;
+      display: flex;
+      flex-direction: column;
+      .title {
+        background-image: url(@/assets/images/sy/zwfw_title.png);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        text-align: center;
+        font-weight: 400;
+        font-size: 16px;
+        color: #ffffff;
+        line-height: 20px;
+        letter-spacing: 2px;
+      }
+      .i {
+        width: 130px;
+        height: 130px;
+      }
+    }
+  }
+  .xia {
+    display: flex;
+    align-items: center;
+    height: 88px;
+    box-sizing: border-box;
+    justify-content: space-around;
+    background-image: url(@/assets/images/sy/zwfw_bg.png);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    .fgx {
+      width: 3px;
+      height: 40px;
+      border-right: 2px dashed rgba(92, 118, 162, 0.8); /* 设置虚线 */
+    }
+    &_item {
+      width: 49%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .left {
+        width: 72px;
+        height: 68px;
+      }
+      .right {
+        margin-left: 5px;
+        display: flex;
+        flex-direction: column;
+        .name {
+          font-weight: 400;
+          font-size: 16px;
+          color: #ffffff;
+          line-height: 20px;
+        }
+        .line {
+          margin: 3px 0;
+          width: 100px;
+        }
+        .time {
+          font-weight: 400;
+          font-size: 16px;
+          color: #ffffff;
+          line-height: 20px;
+          span {
+            font-size: 18px;
+            margin-right: 3px;
+            font-weight: 600;
+          }
+        }
+      }
+    }
+  }
+}
 :deep(.el-table) {
   background: rgba(32, 64, 115, 1);