diff --git a/src/assets/images/rotate/hpao/红色上_00000.png b/src/assets/images/rotate/hpao/红色上_00000.png
new file mode 100644
index 0000000..6c84b8a
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00000.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00001.png b/src/assets/images/rotate/hpao/红色上_00001.png
new file mode 100644
index 0000000..c8caa58
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00001.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00002.png b/src/assets/images/rotate/hpao/红色上_00002.png
new file mode 100644
index 0000000..17c00cb
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00002.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00003.png b/src/assets/images/rotate/hpao/红色上_00003.png
new file mode 100644
index 0000000..bc361a8
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00003.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00004.png b/src/assets/images/rotate/hpao/红色上_00004.png
new file mode 100644
index 0000000..f783b50
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00004.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00005.png b/src/assets/images/rotate/hpao/红色上_00005.png
new file mode 100644
index 0000000..b9fc872
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00005.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00006.png b/src/assets/images/rotate/hpao/红色上_00006.png
new file mode 100644
index 0000000..f6ae664
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00006.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00007.png b/src/assets/images/rotate/hpao/红色上_00007.png
new file mode 100644
index 0000000..ff7afb4
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00007.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00008.png b/src/assets/images/rotate/hpao/红色上_00008.png
new file mode 100644
index 0000000..4862bf3
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00008.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00009.png b/src/assets/images/rotate/hpao/红色上_00009.png
new file mode 100644
index 0000000..a6bbefb
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00009.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00010.png b/src/assets/images/rotate/hpao/红色上_00010.png
new file mode 100644
index 0000000..083258c
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00010.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00011.png b/src/assets/images/rotate/hpao/红色上_00011.png
new file mode 100644
index 0000000..01d7efd
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00011.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00012.png b/src/assets/images/rotate/hpao/红色上_00012.png
new file mode 100644
index 0000000..faf953f
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00012.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00013.png b/src/assets/images/rotate/hpao/红色上_00013.png
new file mode 100644
index 0000000..b797e97
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00013.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00014.png b/src/assets/images/rotate/hpao/红色上_00014.png
new file mode 100644
index 0000000..e55c53a
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00014.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00015.png b/src/assets/images/rotate/hpao/红色上_00015.png
new file mode 100644
index 0000000..adf4d8d
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00015.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00016.png b/src/assets/images/rotate/hpao/红色上_00016.png
new file mode 100644
index 0000000..2c22812
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00016.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00017.png b/src/assets/images/rotate/hpao/红色上_00017.png
new file mode 100644
index 0000000..9e10a0e
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00017.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00018.png b/src/assets/images/rotate/hpao/红色上_00018.png
new file mode 100644
index 0000000..8187dcf
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00018.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00019.png b/src/assets/images/rotate/hpao/红色上_00019.png
new file mode 100644
index 0000000..b2da033
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00019.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00020.png b/src/assets/images/rotate/hpao/红色上_00020.png
new file mode 100644
index 0000000..5130acc
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00020.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00021.png b/src/assets/images/rotate/hpao/红色上_00021.png
new file mode 100644
index 0000000..7865f58
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00021.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00022.png b/src/assets/images/rotate/hpao/红色上_00022.png
new file mode 100644
index 0000000..e0b7b55
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00022.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00023.png b/src/assets/images/rotate/hpao/红色上_00023.png
new file mode 100644
index 0000000..45ec81c
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00023.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00024.png b/src/assets/images/rotate/hpao/红色上_00024.png
new file mode 100644
index 0000000..886ed22
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00024.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00025.png b/src/assets/images/rotate/hpao/红色上_00025.png
new file mode 100644
index 0000000..a277e7c
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00025.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00026.png b/src/assets/images/rotate/hpao/红色上_00026.png
new file mode 100644
index 0000000..bcd72bd
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00026.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00027.png b/src/assets/images/rotate/hpao/红色上_00027.png
new file mode 100644
index 0000000..78e33fa
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00027.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00028.png b/src/assets/images/rotate/hpao/红色上_00028.png
new file mode 100644
index 0000000..93ad218
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00028.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00029.png b/src/assets/images/rotate/hpao/红色上_00029.png
new file mode 100644
index 0000000..01c8291
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00029.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00030.png b/src/assets/images/rotate/hpao/红色上_00030.png
new file mode 100644
index 0000000..084c91c
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00030.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00031.png b/src/assets/images/rotate/hpao/红色上_00031.png
new file mode 100644
index 0000000..1b6ee19
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00031.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00032.png b/src/assets/images/rotate/hpao/红色上_00032.png
new file mode 100644
index 0000000..615bab8
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00032.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00033.png b/src/assets/images/rotate/hpao/红色上_00033.png
new file mode 100644
index 0000000..e202345
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00033.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00034.png b/src/assets/images/rotate/hpao/红色上_00034.png
new file mode 100644
index 0000000..b2d7b20
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00034.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00035.png b/src/assets/images/rotate/hpao/红色上_00035.png
new file mode 100644
index 0000000..72ce38b
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00035.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00036.png b/src/assets/images/rotate/hpao/红色上_00036.png
new file mode 100644
index 0000000..224db64
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00036.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00037.png b/src/assets/images/rotate/hpao/红色上_00037.png
new file mode 100644
index 0000000..02fed51
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00037.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00038.png b/src/assets/images/rotate/hpao/红色上_00038.png
new file mode 100644
index 0000000..be71a7a
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00038.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00039.png b/src/assets/images/rotate/hpao/红色上_00039.png
new file mode 100644
index 0000000..40f0ca1
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00039.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00040.png b/src/assets/images/rotate/hpao/红色上_00040.png
new file mode 100644
index 0000000..5cbdd51
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00040.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00041.png b/src/assets/images/rotate/hpao/红色上_00041.png
new file mode 100644
index 0000000..94da49b
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00041.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00042.png b/src/assets/images/rotate/hpao/红色上_00042.png
new file mode 100644
index 0000000..aee815a
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00042.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00043.png b/src/assets/images/rotate/hpao/红色上_00043.png
new file mode 100644
index 0000000..dd0e1de
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00043.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00044.png b/src/assets/images/rotate/hpao/红色上_00044.png
new file mode 100644
index 0000000..e53e0e8
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00044.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00045.png b/src/assets/images/rotate/hpao/红色上_00045.png
new file mode 100644
index 0000000..da9b1bd
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00045.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00046.png b/src/assets/images/rotate/hpao/红色上_00046.png
new file mode 100644
index 0000000..b08d8e1
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00046.png differ
diff --git a/src/assets/images/rotate/hpao/红色上_00047.png b/src/assets/images/rotate/hpao/红色上_00047.png
new file mode 100644
index 0000000..bd97eb1
Binary files /dev/null and b/src/assets/images/rotate/hpao/红色上_00047.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00000.png b/src/assets/images/rotate/hpaod/底座红色_00000.png
new file mode 100644
index 0000000..15d82cf
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00000.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00001.png b/src/assets/images/rotate/hpaod/底座红色_00001.png
new file mode 100644
index 0000000..d756407
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00001.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00002.png b/src/assets/images/rotate/hpaod/底座红色_00002.png
new file mode 100644
index 0000000..7442d92
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00002.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00003.png b/src/assets/images/rotate/hpaod/底座红色_00003.png
new file mode 100644
index 0000000..830978e
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00003.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00004.png b/src/assets/images/rotate/hpaod/底座红色_00004.png
new file mode 100644
index 0000000..87e7fdc
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00004.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00005.png b/src/assets/images/rotate/hpaod/底座红色_00005.png
new file mode 100644
index 0000000..501dc05
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00005.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00006.png b/src/assets/images/rotate/hpaod/底座红色_00006.png
new file mode 100644
index 0000000..435b19b
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00006.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00007.png b/src/assets/images/rotate/hpaod/底座红色_00007.png
new file mode 100644
index 0000000..efc8835
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00007.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00008.png b/src/assets/images/rotate/hpaod/底座红色_00008.png
new file mode 100644
index 0000000..ddefea9
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00008.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00009.png b/src/assets/images/rotate/hpaod/底座红色_00009.png
new file mode 100644
index 0000000..e5d8085
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00009.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00010.png b/src/assets/images/rotate/hpaod/底座红色_00010.png
new file mode 100644
index 0000000..3ab563c
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00010.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00011.png b/src/assets/images/rotate/hpaod/底座红色_00011.png
new file mode 100644
index 0000000..f3b78ca
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00011.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00012.png b/src/assets/images/rotate/hpaod/底座红色_00012.png
new file mode 100644
index 0000000..c7fb696
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00012.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00013.png b/src/assets/images/rotate/hpaod/底座红色_00013.png
new file mode 100644
index 0000000..16ef950
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00013.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00014.png b/src/assets/images/rotate/hpaod/底座红色_00014.png
new file mode 100644
index 0000000..d1eab8f
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00014.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00015.png b/src/assets/images/rotate/hpaod/底座红色_00015.png
new file mode 100644
index 0000000..85ddd0b
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00015.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00016.png b/src/assets/images/rotate/hpaod/底座红色_00016.png
new file mode 100644
index 0000000..7e75ac2
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00016.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00017.png b/src/assets/images/rotate/hpaod/底座红色_00017.png
new file mode 100644
index 0000000..1670bf5
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00017.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00018.png b/src/assets/images/rotate/hpaod/底座红色_00018.png
new file mode 100644
index 0000000..2b4b45f
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00018.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00019.png b/src/assets/images/rotate/hpaod/底座红色_00019.png
new file mode 100644
index 0000000..f037c3a
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00019.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00020.png b/src/assets/images/rotate/hpaod/底座红色_00020.png
new file mode 100644
index 0000000..76d5927
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00020.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00021.png b/src/assets/images/rotate/hpaod/底座红色_00021.png
new file mode 100644
index 0000000..b75b0fb
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00021.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00022.png b/src/assets/images/rotate/hpaod/底座红色_00022.png
new file mode 100644
index 0000000..3f64730
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00022.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00023.png b/src/assets/images/rotate/hpaod/底座红色_00023.png
new file mode 100644
index 0000000..a012733
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00023.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00024.png b/src/assets/images/rotate/hpaod/底座红色_00024.png
new file mode 100644
index 0000000..ab8db68
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00024.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00025.png b/src/assets/images/rotate/hpaod/底座红色_00025.png
new file mode 100644
index 0000000..eddaa09
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00025.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00026.png b/src/assets/images/rotate/hpaod/底座红色_00026.png
new file mode 100644
index 0000000..b81df1d
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00026.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00027.png b/src/assets/images/rotate/hpaod/底座红色_00027.png
new file mode 100644
index 0000000..6ff1790
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00027.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00028.png b/src/assets/images/rotate/hpaod/底座红色_00028.png
new file mode 100644
index 0000000..8e15feb
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00028.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00029.png b/src/assets/images/rotate/hpaod/底座红色_00029.png
new file mode 100644
index 0000000..2033a32
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00029.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00030.png b/src/assets/images/rotate/hpaod/底座红色_00030.png
new file mode 100644
index 0000000..53b7228
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00030.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00031.png b/src/assets/images/rotate/hpaod/底座红色_00031.png
new file mode 100644
index 0000000..4cb7c19
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00031.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00032.png b/src/assets/images/rotate/hpaod/底座红色_00032.png
new file mode 100644
index 0000000..89526c5
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00032.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00033.png b/src/assets/images/rotate/hpaod/底座红色_00033.png
new file mode 100644
index 0000000..1d27bdd
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00033.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00034.png b/src/assets/images/rotate/hpaod/底座红色_00034.png
new file mode 100644
index 0000000..4261329
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00034.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00035.png b/src/assets/images/rotate/hpaod/底座红色_00035.png
new file mode 100644
index 0000000..813c4bf
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00035.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00036.png b/src/assets/images/rotate/hpaod/底座红色_00036.png
new file mode 100644
index 0000000..d0b09a8
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00036.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00037.png b/src/assets/images/rotate/hpaod/底座红色_00037.png
new file mode 100644
index 0000000..9a84956
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00037.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00038.png b/src/assets/images/rotate/hpaod/底座红色_00038.png
new file mode 100644
index 0000000..7449dd4
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00038.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00039.png b/src/assets/images/rotate/hpaod/底座红色_00039.png
new file mode 100644
index 0000000..f7b6cfe
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00039.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00040.png b/src/assets/images/rotate/hpaod/底座红色_00040.png
new file mode 100644
index 0000000..fc873e7
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00040.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00041.png b/src/assets/images/rotate/hpaod/底座红色_00041.png
new file mode 100644
index 0000000..dd4cfd5
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00041.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00042.png b/src/assets/images/rotate/hpaod/底座红色_00042.png
new file mode 100644
index 0000000..6e16d83
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00042.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00043.png b/src/assets/images/rotate/hpaod/底座红色_00043.png
new file mode 100644
index 0000000..d6d9a0e
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00043.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00044.png b/src/assets/images/rotate/hpaod/底座红色_00044.png
new file mode 100644
index 0000000..1ea245c
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00044.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00045.png b/src/assets/images/rotate/hpaod/底座红色_00045.png
new file mode 100644
index 0000000..13dda96
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00045.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00046.png b/src/assets/images/rotate/hpaod/底座红色_00046.png
new file mode 100644
index 0000000..3ea9b7e
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00046.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00047.png b/src/assets/images/rotate/hpaod/底座红色_00047.png
new file mode 100644
index 0000000..136d305
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00047.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00048.png b/src/assets/images/rotate/hpaod/底座红色_00048.png
new file mode 100644
index 0000000..b67ea3c
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00048.png differ
diff --git a/src/assets/images/rotate/hpaod/底座红色_00049.png b/src/assets/images/rotate/hpaod/底座红色_00049.png
new file mode 100644
index 0000000..1b730ae
Binary files /dev/null and b/src/assets/images/rotate/hpaod/底座红色_00049.png differ
diff --git a/src/assets/images/team/colIcon.png b/src/assets/images/team/colIcon.png
new file mode 100644
index 0000000..85dba4e
Binary files /dev/null and b/src/assets/images/team/colIcon.png differ
diff --git a/src/assets/images/team/colTitle.png b/src/assets/images/team/colTitle.png
new file mode 100644
index 0000000..40852f8
Binary files /dev/null and b/src/assets/images/team/colTitle.png differ
diff --git a/src/assets/images/team/colWrap.png b/src/assets/images/team/colWrap.png
new file mode 100644
index 0000000..32e35ee
Binary files /dev/null and b/src/assets/images/team/colWrap.png differ
diff --git a/src/assets/images/team/glhc.png b/src/assets/images/team/glhc.png
new file mode 100644
index 0000000..ab854c6
Binary files /dev/null and b/src/assets/images/team/glhc.png differ
diff --git a/src/assets/images/team/gljh.png b/src/assets/images/team/gljh.png
new file mode 100644
index 0000000..23bd108
Binary files /dev/null and b/src/assets/images/team/gljh.png differ
diff --git a/src/assets/images/team/gllx.png b/src/assets/images/team/gllx.png
new file mode 100644
index 0000000..e6a23c5
Binary files /dev/null and b/src/assets/images/team/gllx.png differ
diff --git a/src/assets/images/team/gllxb.png b/src/assets/images/team/gllxb.png
new file mode 100644
index 0000000..0411e1d
Binary files /dev/null and b/src/assets/images/team/gllxb.png differ
diff --git a/src/assets/images/team/glsh.png b/src/assets/images/team/glsh.png
new file mode 100644
index 0000000..047a388
Binary files /dev/null and b/src/assets/images/team/glsh.png differ
diff --git a/src/assets/images/team/glztbl.png b/src/assets/images/team/glztbl.png
new file mode 100644
index 0000000..08a07fe
Binary files /dev/null and b/src/assets/images/team/glztbl.png differ
diff --git a/src/assets/images/team/glztbr.png b/src/assets/images/team/glztbr.png
new file mode 100644
index 0000000..985e611
Binary files /dev/null and b/src/assets/images/team/glztbr.png differ
diff --git a/src/assets/images/team/glztpj.png b/src/assets/images/team/glztpj.png
new file mode 100644
index 0000000..fe1f140
Binary files /dev/null and b/src/assets/images/team/glztpj.png differ
diff --git a/src/assets/images/team/glztzg.png b/src/assets/images/team/glztzg.png
new file mode 100644
index 0000000..2ccb583
Binary files /dev/null and b/src/assets/images/team/glztzg.png differ
diff --git a/src/assets/images/team/listHead.png b/src/assets/images/team/listHead.png
new file mode 100644
index 0000000..9c18a06
Binary files /dev/null and b/src/assets/images/team/listHead.png differ
diff --git a/src/assets/images/team/stzp.png b/src/assets/images/team/stzp.png
new file mode 100644
index 0000000..70c5482
Binary files /dev/null and b/src/assets/images/team/stzp.png differ
diff --git a/src/loveflow/assets/index.less b/src/loveflow/assets/index.less
index 1d2db7c..5a36248 100644
--- a/src/loveflow/assets/index.less
+++ b/src/loveflow/assets/index.less
@@ -67,6 +67,9 @@
 .ml14 {
   margin-left: 14px;
 }
+.pb14 {
+  padding-bottom: 14px;
+}
 /* 间距 END*/
 
 /* 字体 START */
diff --git a/src/router/routes/enterpriseTeamWork.js b/src/router/routes/enterpriseTeamWork.js
index 4e71d89..ba27306 100644
--- a/src/router/routes/enterpriseTeamWork.js
+++ b/src/router/routes/enterpriseTeamWork.js
@@ -3,16 +3,72 @@ import VueRouter from "vue-router";
 import box from "../../components/box";
 Vue.use(VueRouter);
 export default [
-  {
-    path: "/teamWork/screen",
-    name: "screen",
-    component: () => import("@/views/enterpriseTeamWork/screen"),
-  },
   {
     path: "/teamWork",
     name: "teamWork",
     component: box,
     redirect: "/workspace",
-    children: [],
+    children: [
+      {
+        path: "/teamWork/riskOverview",
+        name: "riskOverview",
+        meta: {
+          head: true,
+          title: "风险概览",
+        },
+        component: () =>
+          import("@/views/enterpriseTeamWork/riskOverview/index"),
+      },
+      {
+        path: "/teamWork/riskHandle",
+        name: "riskHandle",
+        meta: {
+          head: true,
+          title: "风险处置",
+        },
+        component: () =>
+          import("@/views/enterpriseTeamWork/riskHandle/index"),
+      },
+      {
+        path: "/teamWork/problemRectify",
+        name: "problemRectify",
+        meta: {
+          head: true,
+          title: "问题整改",
+        },
+        component: () =>
+          import("@/views/enterpriseTeamWork/problemRectify/index"),
+      },
+      {
+        path: "/teamWork/messageCenter",
+        name: "messageCenter",
+        meta: {
+          head: true,
+          title: "消息中心",
+        },
+        component: () =>
+          import("@/views/enterpriseTeamWork/messageCenter/index"),
+      },
+      {
+        path: "/teamWork/errorHandle",
+        name: "errorHandle",
+        meta: {
+          head: true,
+          title: "异常处置管理",
+        },
+        component: () =>
+          import("@/views/enterpriseTeamWork/errorHandle/index"),
+      },
+      {
+        path: "/teamWork/problemAnalysis",
+        name: "problemAnalysis",
+        meta: {
+          head: true,
+          title: "高发及重点问题分析",
+        },
+        component: () =>
+          import("@/views/enterpriseTeamWork/problemAnalysis/index"),
+      },
+    ],
   },
 ];
diff --git a/src/views/enterpriseTeamWork/components/colWrap.vue b/src/views/enterpriseTeamWork/components/colWrap.vue
new file mode 100644
index 0000000..9facba0
--- /dev/null
+++ b/src/views/enterpriseTeamWork/components/colWrap.vue
@@ -0,0 +1,59 @@
+<template>
+  <div class="screenCol">
+    <div class="screenName">
+      <div class="screenIcon"></div>
+      <div class="screenNameText">{{ title }}</div>
+    </div>
+    <div class="screenChart">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: () => {
+        return "";
+      },
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+<style lang="scss">
+@import "@/loveflow/assets/index.scss";
+.screenCol {
+  height: 100%;
+  flex: 1;
+  .screenName {
+    display: flex;
+    align-items: center;
+    padding-left: vw(6);
+    height: 30px;
+    font-size: vw(16);
+    color: #d9e7ff;
+    background: url("~@/assets/images/team/colTitle.png") no-repeat center
+      center;
+    background-size: 100% 100%;
+    .screenIcon {
+      width: 24px;
+      height: 24px;
+      background: url("~@/assets/images/team/colIcon.png") no-repeat center
+        center;
+      background-size: 100% 100%;
+    }
+  }
+
+  .screenChart {
+    padding: vw(10) vw(10) 0;
+    height: calc(100% - 30px);
+    box-sizing: border-box;
+    background: url("~@/assets/images/team/colWrap.png") no-repeat center center;
+    background-size: 100% 100%;
+  }
+}
+</style>
diff --git a/src/views/enterpriseTeamWork/components/timeSelect.vue b/src/views/enterpriseTeamWork/components/timeSelect.vue
new file mode 100644
index 0000000..76615ab
--- /dev/null
+++ b/src/views/enterpriseTeamWork/components/timeSelect.vue
@@ -0,0 +1,73 @@
+<template>
+  <div class="chartOpt">
+    <div @click="changeTime('month')" :class="{ active: curTime == 'month' }">
+      月度统计
+    </div>
+    <div @click="changeTime('season')" :class="{ active: curTime == 'season' }">
+      季度统计
+    </div>
+    <div @click="changeTime('year')" :class="{ active: curTime == 'year' }">
+      年度统计
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      curTime: "month",
+    };
+  },
+  methods: {
+    changeTime(val) {
+      this.curTime = val;
+      this.$emit("ok", val);
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.chartOpt {
+  position: absolute;
+  z-index: 12;
+  right: 5%;
+  display: flex;
+  top: 3.6vh;
+  div {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #8fabbf;
+    background: linear-gradient(
+      0deg,
+      rgba(122, 163, 204, 0.3) 0%,
+      rgba(122, 163, 204, 0) 100%
+    );
+    &:hover {
+      cursor: pointer;
+      background: linear-gradient(0deg, #3cc7b0 0%, rgba(51, 204, 204, 0) 100%);
+    }
+    &.active {
+      color: #ffffff;
+      border-bottom: solid 2px #33cccc;
+      background: linear-gradient(
+        0deg,
+        rgba(60, 199, 176, 0.3) 0%,
+        rgba(51, 204, 204, 0) 100%
+      );
+    }
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.chartOpt {
+  @import "@/loveflow/assets/index.scss";
+  height: vw(30);
+  div {
+    font-size: vw(14);
+    width: vw(80);
+  }
+}
+</style>
diff --git a/src/views/enterpriseTeamWork/errorHandle/index.vue b/src/views/enterpriseTeamWork/errorHandle/index.vue
new file mode 100644
index 0000000..e2e6ccf
--- /dev/null
+++ b/src/views/enterpriseTeamWork/errorHandle/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div class="errorHandleWrap"></div>
+</template>
diff --git a/src/views/enterpriseTeamWork/messageCenter/index.vue b/src/views/enterpriseTeamWork/messageCenter/index.vue
new file mode 100644
index 0000000..6e09db3
--- /dev/null
+++ b/src/views/enterpriseTeamWork/messageCenter/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div class="messageCenterWrap"></div>
+</template>
diff --git a/src/views/enterpriseTeamWork/problemAnalysis/index.vue b/src/views/enterpriseTeamWork/problemAnalysis/index.vue
new file mode 100644
index 0000000..68092c1
--- /dev/null
+++ b/src/views/enterpriseTeamWork/problemAnalysis/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div class="problemAnalysisWrap"></div>
+</template>
diff --git a/src/views/enterpriseTeamWork/problemRectify/index.vue b/src/views/enterpriseTeamWork/problemRectify/index.vue
new file mode 100644
index 0000000..8559844
--- /dev/null
+++ b/src/views/enterpriseTeamWork/problemRectify/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div class="problemRectifyWrap"></div>
+</template>
diff --git a/src/views/enterpriseTeamWork/riskHandle/index.vue b/src/views/enterpriseTeamWork/riskHandle/index.vue
new file mode 100644
index 0000000..a7609c3
--- /dev/null
+++ b/src/views/enterpriseTeamWork/riskHandle/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div class="riskHandleWrap"></div>
+</template>
diff --git a/src/views/enterpriseTeamWork/riskOverview/bar.vue b/src/views/enterpriseTeamWork/riskOverview/bar.vue
new file mode 100644
index 0000000..e23c28b
--- /dev/null
+++ b/src/views/enterpriseTeamWork/riskOverview/bar.vue
@@ -0,0 +1,222 @@
+<template>
+  <div style="height: 100%; width: 100%">
+    <g-chart :echartdata="option"></g-chart>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    chartObj: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+  },
+  data() {
+    return {
+      option: {},
+    };
+  },
+  mounted() {
+    this.setOption();
+  },
+  methods: {
+    setOption() {
+      let dataList = this.chartObj.data;
+      let maxArr = [];
+      let maxValue = 0;
+      let xData = [];
+      let yData = [];
+      let total = 0;
+
+      dataList.forEach((item) => {
+        xData.push(item.name);
+        yData.push(item.value);
+        if (maxValue < item.value) {
+          maxValue = item.value;
+        }
+      });
+      dataList.forEach((item) => {
+        maxArr.push(maxValue);
+        total = total + item.value;
+      });
+      if (!total) {
+        total = 1;
+      }
+
+      this.option = {
+        grid: {
+          left: "14",
+          top: "5%", // 设置条形图的边距
+          right: "0",
+          bottom: "0",
+        },
+        xAxis: {
+          show: false,
+        },
+        yAxis: [
+          {
+            type: "category",
+            inverse: true,
+            data: xData,
+            axisLine: {
+              show: false,
+            },
+            axisTick: {
+              show: false,
+            },
+            axisLabel: {
+              show: true,
+              textStyle: {
+                verticalAlign: "bottom",
+                color: "#299CD4",
+                fontSize: 12,
+                fontFamily: "Microsoft YaHei",
+                align: "left",
+                padding: [0, 0, 5, 0],
+                rich: {
+                  index: {
+                    padding: [4, 0, 0, 8],
+                    color: "#ffffff",
+                  },
+                  name: {
+                    padding: [4, 8, 0, 2],
+                    color: "#ffffff",
+                  },
+                  rate: {
+                    align: "right",
+                    color: "rgba(255,255,255,0.9)",
+                    fontSize: 12,
+                  },
+                },
+              },
+              formatter: (name, index) => {
+                const _index = index + 1;
+                if (dataList.length) {
+                  const item = dataList.filter((item) => item.name == name)[0];
+                  return `{index|${_index}.} {name|${name}}`;
+                }
+              },
+            },
+            offset: 0,
+          },
+        ],
+        series: [
+          {
+            // 内
+            type: "bar",
+            barWidth: 6,
+            itemStyle: {
+              color: (params) => {
+                var color = {
+                  type: "linear",
+                  x: 0,
+                  y: 0,
+                  x2: 1,
+                  y2: 0,
+                  colorStops: [
+                    {
+                      offset: 0,
+                      color: this.chartObj.color[0], // 0% 处的颜色
+                    },
+                    {
+                      offset: 0.5,
+                      color: this.chartObj.color[1], // 0% 处的颜色
+                    },
+                    {
+                      offset: 1,
+                      color: this.chartObj.color[2], // 100% 处的颜色
+                    },
+                  ],
+                };
+                return color;
+              },
+            },
+            label: {
+              show: false,
+            },
+            data: dataList,
+            z: 2,
+            animationEasing: "elasticOut",
+          },
+          {
+            // 外边框
+            type: "pictorialBar",
+            symbol: "rect",
+            symbolBoundingData: maxValue,
+            barWidth: 1,
+            itemStyle: {
+              barBorderRadius: 10,
+              normal: {
+                color: "none",
+              },
+            },
+            label: {
+              padding: [-20, 10, 0, -40],
+              textStyle: {
+                rich: {
+                  value: {
+                    width: 54,
+                    padding: [4, 10, 0, -60],
+                    color: "#9CE0FF",
+                    fontSize: 14,
+                  },
+                  rate: {
+                    fontSize: 14,
+                    color: "#FF9C9C",
+                  },
+                },
+              },
+              formatter: (params) => {
+                var text = `{rate|${params.data}次}`; // `{{f|(params.data / total) * 100 + %}`;
+                return text;
+              },
+
+              rich: {
+                a: {
+                  color: "#9CE0FF",
+                  fontSize: 14,
+                  align: "right",
+                },
+              },
+              position: "right",
+              distance: 1, // 向右偏移位置
+              show: true,
+            },
+            data: yData,
+            z: 0,
+            animationEasing: "elasticOut",
+          },
+          {
+            name: "外框",
+            type: "pictorialBar",
+            symbol: "rect",
+            symbolBoundingData: maxValue,
+            barGap: "-100%", // 设置外框粗细
+            data: maxArr,
+            barWidth: 6,
+            itemStyle: {
+              color: "rgba(255,255,255,0.06)", // 填充色
+              label: {
+                // 标签显示位置
+                show: false,
+              },
+            },
+            z: 0,
+          },
+        ],
+      };
+    },
+  },
+  watch: {
+    chartObj: {
+      handler(newval) {
+        this.setOption();
+      },
+      deep: true,
+      // immediate: true,
+    },
+  },
+};
+</script>
diff --git a/src/views/enterpriseTeamWork/riskOverview/card.vue b/src/views/enterpriseTeamWork/riskOverview/card.vue
new file mode 100644
index 0000000..c45f008
--- /dev/null
+++ b/src/views/enterpriseTeamWork/riskOverview/card.vue
@@ -0,0 +1,79 @@
+<template>
+  <div class="cardWrap">
+    <div class="cardItem" v-for="item in dataList" :key="item.id">
+      <div class="cardLeft" :style="{ backgroundImage: `url(${item.bj})` }">
+        <img :src="item.icon" />
+      </div>
+      <div class="cardRight">
+        <div class="cardName">{{ item.name }}</div>
+        <div class="cardValue">
+          {{ item.value }}<span>{{ item.unit }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    dataList: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+<style lang="scss" scoped>
+.cardWrap {
+  @import "@/loveflow/assets/index.scss";
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .cardItem {
+    margin-bottom: vw(12);
+    margin-top: vw(8);
+    flex: 1;
+    display: flex;
+    align-items: center;
+    background: url("~@/assets/images/team/gllxb.png") no-repeat center center;
+    background-size: 100% 100%;
+    .cardLeft {
+      display: flex;
+      justify-content: center;
+      width: vw(78);
+      height: vw(60);
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: 100% 100%;
+      img {
+        margin-top: vw(6);
+        width: vw(22);
+        height: vw(22);
+      }
+    }
+    .cardRight {
+      .cardName {
+        font-size: vw(14);
+        color: #ffffff;
+      }
+      .cardValue {
+        font-weight: 500;
+        font-size: vw(22);
+        color: #ebf9ff;
+        letter-spacing: 1px;
+        text-shadow: 0px 0px 9px #159aff;
+        span {
+          font-size: vw(12);
+          color: #ffffff;
+          text-shadow: none;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/enterpriseTeamWork/riskOverview/dpie.vue b/src/views/enterpriseTeamWork/riskOverview/dpie.vue
new file mode 100644
index 0000000..d6ec34f
--- /dev/null
+++ b/src/views/enterpriseTeamWork/riskOverview/dpie.vue
@@ -0,0 +1,363 @@
+<template>
+  <div class="dpiePanel" id="dpieWrap">
+    <div
+      class="dpieLegend"
+      :style="{ width: 'calc(100% - ' + parseInt(4 * viewH) + 'px)' }"
+    >
+      <div class="dpieRow" v-for="item in data" :key="item.name">
+        <div class="flex-center">
+          <div
+            class="dpieIcon"
+            :style="{ backgroundColor: item.itemStyle.color }"
+          ></div>
+          <div class="dpieName">{{ item.name }}</div>
+        </div>
+        <div class="dpieValue">{{ item.value }}</div>
+        <div class="dpieRate">
+          {{ ((100 * item.value) / total).toFixed(0) }}%
+        </div>
+      </div>
+    </div>
+    <div style="flex: 1">
+      <div
+        class="dpiebg"
+        :style="{
+          height: parseInt(viewH) + 'px',
+          width: 2 * viewH + 'px',
+          marginLeft: parseInt(0.5 * viewH) + 'px',
+        }"
+      >
+        <div ref="dpieWrapRef" class="dpieWrap"></div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from "echarts";
+import "echarts-gl";
+export default {
+  data() {
+    return {
+      data: [
+        {
+          name: "按照要求整改",
+          value: 528,
+          itemStyle: {
+            color: "#FFC052",
+          },
+        },
+        {
+          name: "安全隐患企业",
+          value: 128,
+          itemStyle: {
+            color: "#FF745A",
+          },
+        },
+      ],
+      total: 1,
+      viewH: 1,
+    };
+  },
+  mounted() {
+    this.total = 1;
+    for (let i = 0; i < this.data.length; i++) {
+      this.total += this.data[i].value;
+    }
+
+    let temp = this.getHeight();
+    let height = parseInt(temp / 3);
+    this.viewH = 2 * height;
+    console.log(height);
+
+    setTimeout(() => {
+      this.setOption();
+    }, 500);
+  },
+  methods: {
+    setOption() {
+      let chartDom = this.$refs["dpieWrapRef"];
+      let myChart = echarts.init(chartDom);
+      const getPie3D = (pieData, internalDiameterRatio) => {
+        //internalDiameterRatio:透明的空心占比
+        let series = [];
+        let sumValue = 0;
+        let startValue = 0;
+        let endValue = 0;
+        let k = 1 / 5;
+        pieData.sort((a, b) => {
+          return b.value - a.value;
+        });
+        // 为每一个饼图数据，生成一个 series-surface 配置
+        for (let i = 0; i < pieData.length; i++) {
+          sumValue += pieData[i].value;
+          let seriesItem = {
+            name:
+              typeof pieData[i].name === "undefined"
+                ? `series${i}`
+                : pieData[i].name,
+            type: "surface",
+            parametric: true,
+            wireframe: {
+              show: false,
+            },
+            pieData: pieData[i],
+            pieStatus: {
+              selected: false,
+              hovered: false,
+              k: k,
+            },
+            radius: "90%",
+            center: ["50%", "50%"],
+          };
+
+          if (typeof pieData[i].itemStyle != "undefined") {
+            let itemStyle = {};
+            typeof pieData[i].itemStyle.color != "undefined"
+              ? (itemStyle.color = pieData[i].itemStyle.color)
+              : null;
+            typeof pieData[i].itemStyle.opacity != "undefined"
+              ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
+              : null;
+            seriesItem.itemStyle = itemStyle;
+          }
+          series.push(seriesItem);
+        }
+
+        // 使用上一次遍历时，计算出的数据和 sumValue，调用 getParametricEquation 函数，
+        // 向每个 series-surface 传入不同的参数方程 series-surface.parametricEquation，也就是实现每一个扇形。
+        for (let i = 0; i < series.length; i++) {
+          endValue = startValue + series[i].pieData.value;
+          series[i].pieData.startRatio = startValue / sumValue;
+          series[i].pieData.endRatio = endValue / sumValue;
+          series[i].parametricEquation = getParametricEquation(
+            series[i].pieData.startRatio,
+            series[i].pieData.endRatio,
+            false,
+            false,
+            k,
+            series[i].pieData.value
+          );
+          startValue = endValue;
+        }
+        let boxHeight = getHeight3D(series, 6); //通过传参设定3d饼/环的高度，26代表26px
+        // 准备待返回的配置项，把准备好的 legendData、series 传入。
+        let option = {
+          // backgroundColor: "#fff",
+          tooltip: {
+            show: false,
+          },
+          legend: {
+            show: false,
+          },
+          xAxis3D: {
+            min: -1,
+            max: 1,
+          },
+          yAxis3D: {
+            min: -1,
+            max: 1,
+          },
+          zAxis3D: {
+            min: -1,
+            max: 1,
+          },
+          grid3D: {
+            show: false,
+            boxHeight: boxHeight, //圆环的高度
+            left: 0,
+            top: -18, //3d饼图的位置
+            viewControl: {
+              //3d效果可以放大、旋转等，请自己去查看官方配置
+              alpha: 24, //角度
+              distance: 120, //调整视角到主体的距离，类似调整zoom
+              rotateSensitivity: 0, //设置为0无法旋转
+              zoomSensitivity: 0, //设置为0无法缩放
+              panSensitivity: 0, //设置为0无法平移
+              autoRotate: false, //自动旋转
+            },
+          },
+          series: series,
+        };
+        return option;
+      };
+
+      //获取3d丙图的最高扇区的高度
+      const getHeight3D = (series, height) => {
+        series.sort((a, b) => {
+          return b.pieData.value - a.pieData.value;
+        });
+        return (height * 50) / series[0].pieData.value;
+      };
+
+      // 生成扇形的曲面参数方程，用于 series-surface.parametricEquation
+      const getParametricEquation = (
+        startRatio,
+        endRatio,
+        isSelected,
+        isHovered,
+        k,
+        h
+      ) => {
+        // 计算
+        let midRatio = (startRatio + endRatio) / 2;
+        let startRadian = startRatio * Math.PI * 2;
+        let endRadian = endRatio * Math.PI * 2;
+        let midRadian = midRatio * Math.PI * 2;
+        // 如果只有一个扇形，则不实现选中效果。
+        if (startRatio === 0 && endRatio === 1) {
+          isSelected = false;
+        }
+        // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
+        k = typeof k !== "undefined" ? k : 1 / 3;
+        // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
+        let offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0;
+        let offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0;
+        // 计算高亮效果的放大比例（未高亮，则比例为 1）
+        let hoverRate = isHovered ? 1.05 : 1;
+        // 返回曲面参数方程
+        return {
+          u: {
+            min: -Math.PI,
+            max: Math.PI * 3,
+            step: Math.PI / 32,
+          },
+          v: {
+            min: 0,
+            max: Math.PI * 2,
+            step: Math.PI / 20,
+          },
+          x: function (u, v) {
+            if (u < startRadian) {
+              return (
+                offsetX +
+                Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate
+              );
+            }
+            if (u > endRadian) {
+              return (
+                offsetX +
+                Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate
+              );
+            }
+            return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate;
+          },
+          y: function (u, v) {
+            if (u < startRadian) {
+              return (
+                offsetY +
+                Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate
+              );
+            }
+            if (u > endRadian) {
+              return (
+                offsetY +
+                Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate
+              );
+            }
+            return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate;
+          },
+          z: function (u, v) {
+            if (u < -Math.PI * 0.5) {
+              return Math.sin(u);
+            }
+            if (u > Math.PI * 2.5) {
+              return Math.sin(u) * h * 0.1;
+            }
+            return Math.sin(v) > 0 ? 1 * h * 0.1 : -1;
+          },
+        };
+      };
+
+      let option = getPie3D(this.data, 0.8);
+      //是否需要label指引线，如果要就添加一个透明的2d饼状图并调整角度使得labelLine和3d的饼状图对齐，并再次setOption
+      option.series.push({
+        // name: "pie3d",
+        type: "pie",
+        label: {
+          show: true,
+          position: "outside",
+          formatter: "{c}%",
+        },
+        // startAngle: -25, //起始角度，支持范围[0, 360]。
+        clockwise: false, //饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式
+        radius: ["80%", "80%"],
+        center: ["50%", "50%"], //指示线的位置
+        itemStyle: {
+          opacity: 0,
+        },
+      });
+      option && myChart.setOption(option);
+    },
+    getHeight() {
+      let div = document.getElementById("dpieWrap");
+      return div.clientHeight;
+    },
+  },
+  watch: {
+    chartObj: {
+      handler(newval) {
+        this.setOption();
+      },
+      deep: true,
+      // immediate: true,
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.dpiePanel {
+  position: relative;
+  flex: 1;
+  height: 100%;
+  display: flex;
+  align-items: center;
+
+  .dpieLegend {
+    position: absolute;
+    right: vw(30);
+    height: 100%;
+    width: 70%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    .dpieRow {
+      padding: vw(6) vw(8);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 6px;
+      background-color: rgba(108, 128, 151, 0.1);
+      .dpieIcon {
+        margin-right: 6px;
+        width: 8px;
+        height: 8px;
+        transform: rotate(45deg);
+      }
+      .dpieName {
+        font-size: 12px;
+        color: #d0deee;
+      }
+      .dpieValue {
+        font-size: 16px;
+        color: #ffffff;
+      }
+      .dpieRate {
+        font-size: 16px;
+        color: #ffffff;
+      }
+    }
+  }
+}
+.dpieWrap {
+  width: 100%;
+  height: 100%;
+}
+.dpiebg {
+  width: 240px;
+  height: 120px;
+  background: url("~@/assets/images/screen/dpie.png");
+  background-size: 100% 100%;
+  display: flex;
+  justify-content: flex-start;
+}
+</style>
diff --git a/src/views/enterpriseTeamWork/riskOverview/index.vue b/src/views/enterpriseTeamWork/riskOverview/index.vue
new file mode 100644
index 0000000..f923540
--- /dev/null
+++ b/src/views/enterpriseTeamWork/riskOverview/index.vue
@@ -0,0 +1,484 @@
+<template>
+  <div class="riskOverviewWrap">
+    <div class="screenRow screenRowTop pb14">
+      <div class="left mr16">
+        <div class="optWrap">
+          <timeSelect @ok="changeTime"></timeSelect>
+        </div>
+        <colWrap title="整改状态占比">
+          <pieWrap :chartObj="zgztObj"></pieWrap>
+        </colWrap>
+      </div>
+      <div class="right">
+        <div class="leftWrap mr16">
+          <div class="screenMTop">企业风险总数</div>
+          <div class="screenMMid">
+            <div class="midTotalWrap">
+              <rotateWrap filePath="hpao" fileName="红色上_000" :total="48">
+                <div ref="midtotalwrap" class="aqzsWrap">{{ total }}</div>
+              </rotateWrap>
+            </div>
+          </div>
+          <div class="screenMBtm">
+            <div class="midTotalDi">
+              <rotateWrap
+                ref="midTotalDi"
+                filePath="hpaod"
+                fileName="底座红色_000"
+                :total="50"
+              >
+              </rotateWrap>
+            </div>
+          </div>
+        </div>
+        <div class="rightWrap">
+          <colWrap title="企业状态占比">
+            <div class="zgztWrap">
+              <div class="top">
+                <div class="item itemLeft mr16">
+                  <div class="nameWrap">
+                    <div class="icon">
+                      <img src="@/assets/images/team/glztpj.png" />
+                    </div>
+                    <div class="name">平均整改时间</div>
+                  </div>
+
+                  <div class="value">45<span>小时</span></div>
+                </div>
+                <div class="item itemRight">
+                  <div class="nameWrap">
+                    <div class="icon">
+                      <img src="@/assets/images/team/glztzg.png" />
+                    </div>
+                    <div class="name">超期整改时间</div>
+                  </div>
+                  <div class="value">35 <span>小时</span></div>
+                </div>
+              </div>
+              <div class="btm">
+                <dpie></dpie>
+              </div>
+            </div>
+          </colWrap>
+        </div>
+      </div>
+    </div>
+    <div class="screenRow screenRowMid pb14">
+      <div class="left mr16">
+        <colWrap title="各类型企业监管占比">
+          <pieWrap :chartObj="qyjgObj"></pieWrap>
+        </colWrap>
+      </div>
+      <div class="right">
+        <div class="leftWrap mr16">
+          <colWrap title="街道监管企业占比">
+            <pieWrap :chartObj="jdjgObj"></pieWrap>
+          </colWrap>
+        </div>
+        <div class="rightWrap">
+          <colWrap title="整改趋势">
+            <lineWrap :chartObj="zgqsObj"></lineWrap>
+          </colWrap>
+        </div>
+      </div>
+    </div>
+    <div class="screenRow screenRowBtm">
+      <div class="left mr16">
+        <div class="leftWrap mr16">
+          <colWrap title="高频扣分项">
+            <barWrap :chartObj="gpkfObj"></barWrap>
+          </colWrap>
+        </div>
+        <div class="rightWrap">
+          <colWrap title="高频要素异常项">
+            <barWrap :chartObj="gpysObj"></barWrap>
+          </colWrap>
+        </div>
+      </div>
+      <div class="right">
+        <div class="leftWrap mr16">
+          <colWrap title="连续2次纳入监管企业类型TOP">
+            <cardWrap :dataList="qllxList"></cardWrap>
+          </colWrap>
+        </div>
+        <div class="rightWrap mr16">
+          <colWrap title="连续纳入监管企业TOP">
+            <listWrap :dataList="dataList"></listWrap>
+          </colWrap>
+        </div>
+        <div class="rightWrap">
+          <colWrap title="连续两次未整改企业TOP">
+            <listWrap :dataList="dataList"></listWrap>
+          </colWrap>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import colWrap from "../components/colWrap.vue";
+import timeSelect from "../components/timeSelect.vue";
+import rotateWrap from "@/loveflow/components/animate/rotate.vue";
+import pieWrap from "./pie.vue";
+import barWrap from "./bar.vue";
+import lineWrap from "./line.vue";
+import listWrap from "./list.vue";
+import cardWrap from "./card.vue";
+import dpie from "./dpie.vue";
+
+export default {
+  components: {
+    colWrap,
+    rotateWrap,
+    pieWrap,
+    timeSelect,
+    barWrap,
+    lineWrap,
+    listWrap,
+    cardWrap,
+    dpie,
+  },
+  data() {
+    return {
+      total: 1265,
+      zgztObj: {
+        color: ["#48EEBD", "#2B82F3", "#FFC052", "#FF745A"],
+        data: [
+          { value: 98, name: "已经整改" },
+          { value: 12, name: "正在整改" },
+          { value: 87, name: "按照要求整改" },
+          { value: 5, name: "未按要求整改" },
+        ],
+        name: "月风险整改",
+      },
+      qyjgObj: {
+        color: ["#48EEBD", "#2B82F3", "#66C3FF", "#FFC052", "#FF745A"],
+        data: [
+          { value: 421, name: "精细化工产业" },
+          { value: 567, name: "石化源头企业" },
+          { value: 354, name: "合成材料企业" },
+          { value: 212, name: "其他类型" },
+          { value: 253, name: "高分子企业" },
+        ],
+        name: "企业总数",
+      },
+      jdjgObj: {
+        color: [
+          "#48EEBD",
+          "#2B82F3",
+          "#66C3FF",
+          "#FFC052",
+          "#E4FEF0",
+          "#FF745A",
+        ],
+        data: [
+          { value: 421, name: "招宝山街道" },
+          { value: 567, name: "九龙湖镇" },
+          { value: 354, name: "澥浦镇" },
+          { value: 212, name: "骆驼街道" },
+          { value: 253, name: "庄市街道" },
+          { value: 383, name: "蛟川街道" },
+        ],
+        name: "总数",
+      },
+      gpkfObj: {
+        data: [
+          { name: "流动人员异常", value: 465 },
+          { name: "重点岗位资质异常", value: 437 },
+          { name: "车辆违规异常", value: 386 },
+          { name: "人防配置情况异常", value: 358 },
+          { name: "技防配置情况异常", value: 321 },
+          { name: "企业应急预案制定异常", value: 297 },
+          { name: "危化品车辆状态异常", value: 275 },
+        ],
+        color: ["#fdee37", "#f97d1f", "#f78060"],
+      },
+      gpysObj: {
+        data: [
+          { name: "流动人员异常", value: 423 },
+          { name: "危化品车辆超速", value: 409 },
+          { name: "危化品GPS离线", value: 387 },
+          { name: "值班人员配备异常", value: 367 },
+          { name: "人脸摄像机配备异常", value: 328 },
+          { name: "重点人员出入异常", value: 287 },
+          { name: "列管物品使用规范异常", value: 268 },
+        ],
+        color: ["#fdee37", "#f97d1f", "#f78060"],
+      },
+      qllxList: [
+        {
+          bj: require("@/assets/images/team/gllx.png"),
+          icon: require("@/assets/images/team/gljh.png"),
+          name: "精细化工企业",
+          value: 287,
+          unit: "家",
+        },
+        {
+          bj: require("@/assets/images/team/gllx.png"),
+          icon: require("@/assets/images/team/glsh.png"),
+          name: "石化源头企业",
+          value: 187,
+          unit: "家",
+        },
+        {
+          bj: require("@/assets/images/team/gllx.png"),
+          icon: require("@/assets/images/team/glhc.png"),
+          name: "合成材料企业",
+          value: 168,
+          unit: "家",
+        },
+      ],
+      zgqsObj: {
+        xData: ["2017", "2018", "2019", "2020", "2021", "2022", "2023"],
+        yData: [
+          [152, 131, 123, 144, 218, 254, 164],
+          [52, 31, 23, 44, 18, 54, 14],
+        ],
+        name: "整改趋势",
+        legend: ["按照要求整改", "未按要求整改"],
+        color: [
+          [
+            "rgba(255,203,106,1)",
+            "rgba(255,203,106,0.8)",
+            "rgba(255,203,106,0)",
+          ],
+          [
+            "rgba(110,245,158,1)",
+            "rgba(110,245,158,0.8)",
+            "rgba(110,245,158,0)",
+          ],
+        ],
+      },
+      dataList: [],
+    };
+  },
+  mounted() {
+    this.dataList = [];
+    for (let i = 0; i < 20; i++) {
+      this.dataList.push({
+        id: i,
+        name: "宁波镇海兴化工有限公司" + i,
+        value: 2 * i + 10,
+        unit: "次",
+      });
+    }
+  },
+  methods: {
+    changeTime(val) {
+      if (val == "month") {
+        this.zgztObj.name = "月风险整改";
+        this.zgztObj.data = [
+          { value: 98, name: "已经整改" },
+          { value: 12, name: "正在整改" },
+          { value: 87, name: "按照要求整改" },
+          { value: 5, name: "未按要求整改" },
+        ];
+      }
+      if (val == "season") {
+        this.zgztObj.name = "季风险整改";
+        this.zgztObj.data = [
+          { value: 198, name: "已经整改" },
+          { value: 112, name: "正在整改" },
+          { value: 187, name: "按照要求整改" },
+          { value: 15, name: "未按要求整改" },
+        ];
+      }
+      if (val == "year") {
+        this.zgztObj.name = "年风险整改";
+        this.zgztObj.data = [
+          { value: 498, name: "已经整改" },
+          { value: 412, name: "正在整改" },
+          { value: 487, name: "按照要求整改" },
+          { value: 45, name: "未按要求整改" },
+        ];
+      }
+    },
+  },
+};
+</script>
+<style lang="scss">
+@import "@/loveflow/assets/index.scss";
+.riskOverviewWrap {
+  height: 100%;
+  padding: 16px;
+  box-sizing: border-box;
+  overflow: hidden;
+  .screenRow {
+    display: flex;
+    height: 30%;
+    box-sizing: border-box;
+    .left {
+      flex: 1;
+    }
+
+    .right {
+      flex: 2;
+      display: flex;
+      .leftWrap {
+        flex: 1;
+      }
+      .rightWrap {
+        flex: 1;
+      }
+    }
+  }
+  .screenRowTop {
+    .left {
+      position: relative;
+      .optWrap {
+        position: absolute;
+        right: vw(20);
+      }
+    }
+
+    .right {
+      .leftWrap {
+        flex: 1;
+        position: relative;
+        background: url("~@/assets/images/topic/stmbg.png") no-repeat center
+          center;
+        background-size: 100% 100%;
+        .screenMTop {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          height: vw(46);
+          background: url("~@/assets/images/topic/stmt.png") no-repeat center
+            center;
+          background-size: 100% 100%;
+          font-weight: bold;
+          font-size: vw(16);
+          color: #ffffff;
+        }
+        .screenMMid {
+          position: absolute;
+          bottom: vw(10);
+          width: 100%;
+          height: vw(268);
+          background: url("~@/assets/images/team/stzp.png") no-repeat center
+            center;
+          background-size: 100% 100%;
+          display: flex;
+          justify-content: center;
+          .midTotalWrap {
+            position: absolute;
+            bottom: vw(30);
+            width: vw(160);
+            height: vw(160);
+            .aqzsWrap {
+              height: 100%;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-weight: 500;
+              font-size: vw(22);
+              color: #fff3c9;
+              letter-spacing: 1px;
+              text-shadow: 0px 0px 8px rgba(255, 202, 52, 0.5);
+            }
+          }
+        }
+        .screenMBtm {
+          display: flex;
+          justify-content: center;
+          position: absolute;
+          bottom: vw(0);
+          width: 100%;
+          height: vw(104);
+          .midTotalDi {
+            position: absolute;
+            bottom: vw(0);
+            width: vw(200);
+            height: vw(200);
+          }
+        }
+      }
+
+      .rightWrap {
+        .zgztWrap {
+          height: 100%;
+          display: flex;
+          flex-direction: column;
+          .top {
+            height: vw(50);
+            display: flex;
+            .item {
+              flex: 1;
+              display: flex;
+              align-items: center;
+              justify-content: space-evenly;
+              height: vw(50);
+              .nameWrap {
+                display: flex;
+                align-items: center;
+              }
+
+              .icon {
+                height: vw(34);
+                width: vw(34);
+                img {
+                  width: 100%;
+                  height: 100%;
+                }
+              }
+              .name {
+                font-size: vw(14);
+                color: #e3f5ff;
+              }
+              .value {
+                font-size: vw(20);
+                color: #e3f6ff;
+                letter-spacing: 1px;
+                text-shadow: 0px 0px 9px rgba(87, 207, 255, 0.88);
+                span {
+                  font-size: vw(12);
+                  color: #fff5e3;
+                  text-shadow: none;
+                }
+              }
+            }
+            .itemLeft {
+              background: url("~@/assets/images/team/glztbl.png") no-repeat
+                center center;
+              background-size: 100% 100%;
+            }
+            .itemRight {
+              background: url("~@/assets/images/team/glztbr.png") no-repeat
+                center center;
+              background-size: 100% 100%;
+            }
+          }
+          .btm {
+            flex: 1;
+          }
+        }
+      }
+    }
+  }
+  .screenRowBtm {
+    height: 40%;
+    .left {
+      display: flex;
+      .leftWrap {
+        flex: 1;
+      }
+      .rightWrap {
+        flex: 1;
+      }
+    }
+    .right {
+      flex: 2;
+      display: flex;
+      .leftWrap {
+        flex: 1;
+      }
+      .midWrap {
+        flex: 1.5;
+      }
+      .rightWrap {
+        flex: 1.5;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/enterpriseTeamWork/riskOverview/line.vue b/src/views/enterpriseTeamWork/riskOverview/line.vue
new file mode 100644
index 0000000..cf1372f
--- /dev/null
+++ b/src/views/enterpriseTeamWork/riskOverview/line.vue
@@ -0,0 +1,132 @@
+<template>
+  <div style="height: 100%; width: 100%">
+    <g-chart :echartdata="option"></g-chart>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    chartObj: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+  },
+  data() {
+    return {
+      option: {},
+    };
+  },
+  mounted() {
+    this.setOption();
+  },
+  methods: {
+    setOption() {
+      let seriesArr = [];
+      let color = [];
+
+      for (let i = 0; i < this.chartObj.legend.length; i++) {
+        color.push(this.chartObj.color[i][0]);
+        seriesArr.push({
+          name: this.chartObj.legend[i],
+          type: "line",
+          smooth: true, //是否平滑曲线显示
+          symbolSize: 0,
+          showSymbol: false,
+          lineStyle: {
+            width: 2,
+            color: this.chartObj.color[i][0], // 线条颜色
+          },
+          areaStyle: {
+            color: new this.$echarts.graphic.LinearGradient(
+              0,
+              0,
+              0,
+              1,
+              [
+                { offset: 0, color: this.chartObj.color[i][1] },
+                { offset: 1, color: this.chartObj.color[i][2] },
+              ],
+              false
+            ),
+          },
+          data: this.chartObj.yData[i],
+        });
+      }
+
+      this.option = {
+        color: color,
+        legend: {
+          data: this.chartObj.legend,
+          icon: "rect",
+          right: "5%",
+          top: this.chartObj.legendTop || "2%",
+          itemWidth: 8, // 设置宽度
+          itemHeight: 8, // 设置高度
+          itemGap: 16, // 设置间距
+          textStyle: {
+            //图例文字的样式
+            color: "#D0DEEE",
+            fontSize: 12,
+          },
+          itemStyle: {},
+        },
+        grid: {
+          top: this.chartObj.gridTop || "20%",
+          bottom: this.chartObj.gridBtm || "10%",
+          left: this.chartObj.gridLeft || "6%",
+          right: "5%",
+        },
+        tooltip: {
+          show: true,
+          trigger: "axis",
+        },
+        xAxis: {
+          type: "category",
+          data: this.chartObj.xData,
+          axisLine: {
+            show: true,
+            lineStyle: {
+              color: "#6C8097",
+            },
+          },
+          axisLabel: {
+            color: "#D0DEEE",
+            fontSize: 12,
+          },
+          axisTick: {
+            show: false,
+          },
+        },
+        yAxis: {
+          name: "单位：件",
+          type: "value",
+          splitLine: {
+            show: true,
+            lineStyle: {
+              type: "dashed",
+              color: "#6C8097",
+            },
+          },
+          axisLabel: {
+            color: "#6C8097",
+            fontSize: 12,
+            interval: 0,
+          },
+        },
+        series: seriesArr,
+      };
+    },
+  },
+  watch: {
+    chartObj: {
+      handler(newval) {
+        this.setOption();
+      },
+      deep: true,
+      // immediate: true,
+    },
+  },
+};
+</script>
diff --git a/src/views/enterpriseTeamWork/riskOverview/list.vue b/src/views/enterpriseTeamWork/riskOverview/list.vue
new file mode 100644
index 0000000..5582592
--- /dev/null
+++ b/src/views/enterpriseTeamWork/riskOverview/list.vue
@@ -0,0 +1,89 @@
+<template>
+  <div class="listWrap">
+    <div class="listHead">
+      <div class="listLine">
+        <div class="listLeft">序号</div>
+        <div class="listMid">企业名称</div>
+        <div class="listRight">连续纳入整改次数</div>
+      </div>
+    </div>
+    <div class="listBody">
+      <div class="listLine" v-for="(item, index) in dataList" :key="item.id">
+        <div class="listLeft">
+          <div class="icon">
+            {{ index + 1 }}
+          </div>
+        </div>
+        <div class="listMid">{{ item.name }}</div>
+        <div class="listRight">{{ item.value }}{{ item.unit }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    dataList: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.listWrap {
+  @import "@/loveflow/assets/index.scss";
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  font-size: vw(12);
+  color: #ffffff;
+  .listHead {
+    .listLine {
+      height: vw(34);
+      background: url("~@/assets/images/team/listHead.png") no-repeat center
+        center;
+      background-size: 100% 100%;
+    }
+  }
+  .listBody {
+    overflow-y: scroll;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    .listLine {
+      height: vw(40);
+    }
+  }
+  .listLine {
+    display: flex;
+    align-items: center;
+    .listLeft {
+      display: flex;
+      justify-content: center;
+      width: vw(80);
+      .icon {
+        padding: vw(4) vw(4);
+        border: solid 1px #8dded1;
+        color: #33ffa5;
+        border-radius: 2px;
+      }
+    }
+    .listMid {
+      flex: 2;
+    }
+    .listRight {
+      flex: 1;
+    }
+    &:nth-child(even) {
+      background-color: rgba(255, 255, 255, 0.1);
+    }
+  }
+}
+</style>
diff --git a/src/views/enterpriseTeamWork/riskOverview/pie.vue b/src/views/enterpriseTeamWork/riskOverview/pie.vue
new file mode 100644
index 0000000..85cef7a
--- /dev/null
+++ b/src/views/enterpriseTeamWork/riskOverview/pie.vue
@@ -0,0 +1,184 @@
+<template>
+  <div style="height: 100%; width: 100%" id="pieWrap">
+    <g-chart :echartdata="option"></g-chart>
+  </div>
+</template>
+<script>
+let bgImg = require("@/assets/images/topic/pie.png");
+export default {
+  props: {
+    chartObj: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+  },
+  data() {
+    return {
+      option: {},
+    };
+  },
+  mounted() {
+    this.setOption();
+  },
+  methods: {
+    setOption() {
+      let name = this.chartObj.name;
+      let temp = this.getHeight();
+      let height = parseInt(temp / 3);
+      console.log(height);
+      let total = 0;
+      let data = [];
+      let barChartList = this.chartObj.data;
+      let legend = [];
+      for (var i = 0; i < barChartList.length; i++) {
+        legend.push(barChartList[i]["name"]);
+        total = total + barChartList[i].value;
+        data.push(
+          {
+            value: barChartList[i].value,
+            name: barChartList[i].name,
+            itemStyle: {
+              normal: {
+                borderWidth: 6,
+              },
+            },
+          },
+          {
+            value: 5,
+            name: "",
+            itemStyle: {
+              normal: {
+                label: {
+                  show: false,
+                },
+                labelLine: {
+                  show: false,
+                },
+                color: "rgba(0, 0, 0, 0)",
+                borderColor: "rgba(0, 0, 0, 0)",
+                borderWidth: 0,
+              },
+            },
+          }
+        );
+      }
+      if (!total) {
+        total = 1;
+      }
+
+      this.option = {
+        tooltip: {
+          show: false,
+        },
+        legend: {
+          data: legend,
+          type: "scroll",
+          pageIconSize: 10,
+          pageButtonGap: 4,
+          pageButtonItemGap: 4,
+          orient: "vertical",
+          top: "center",
+          right: "10%",
+          icon: "diamond",
+          itemHeight: 8,
+          itemWidth: 8,
+          itemGap: 10,
+          padding: 2,
+          //backgroundColor: "rgba(108,128,151,0.2)",
+          textStyle: {
+            color: "#D0DEEE",
+            align: "left",
+            verticalAlign: "middle",
+            fontSize: 12,
+            rich: {
+              name: {
+                width: 2 * height,
+              },
+              rate: {
+                width: height,
+                color: "#FFFFFF;",
+                fontSize: 16,
+              },
+            },
+          },
+          formatter: function (name) {
+            const item = barChartList.filter((item) => item.name === name)[0];
+            let rate = ((100 * item.value) / total).toFixed(2);
+            return `{name|${name}}{rate| ${item.value}} {rate| ${rate}%}`;
+          },
+        },
+        color: this.chartObj.color,
+        graphic: {
+          elements: [
+            {
+              type: "image",
+              style: {
+                image: bgImg,
+                width: 2 * height - 20,
+                height: 2 * height - 20,
+                zIndex: 1,
+              },
+              left: height + 10,
+              top: "center",
+            },
+          ],
+        },
+        series: [
+          {
+            name: this.chartObj.name,
+            type: "pie",
+            radius: [height - 10, height],
+            center: [2 * height, "center"],
+            clockWise: false,
+            hoverAnimation: false,
+            itemStyle: {},
+            label: {
+              show: true,
+              position: "center",
+              formatter: `{label|${name}}\n{value|${total}}`,
+              rich: {
+                label: {
+                  padding: [0, 0, 6, 0],
+                  fontSize: 12,
+                  fontWeight: 400,
+                  color: "#D0DEEE",
+                },
+                value: {
+                  fontSize: 18,
+                  fontWeight: 500,
+                  color: "#ffffff",
+                },
+              },
+            },
+            emphasis: {
+              label: {
+                show: true,
+                formatter: `{label|${name}}\n{value|${total}}`,
+              },
+            },
+            labelLine: {
+              show: false,
+            },
+            data: data,
+          },
+        ],
+      };
+    },
+    getHeight() {
+      let div = document.getElementById("pieWrap");
+      return div.clientHeight;
+    },
+  },
+  watch: {
+    chartObj: {
+      handler(newval) {
+        this.setOption();
+      },
+      deep: true,
+      // immediate: true,
+    },
+  },
+};
+</script>
diff --git a/src/views/home/workspace.vue b/src/views/home/workspace.vue
index 7a62f35..e216373 100644
--- a/src/views/home/workspace.vue
+++ b/src/views/home/workspace.vue
@@ -36,7 +36,7 @@
         <div class="ball ball5">
           <img
             src="@/assets/images/home/xt.png"
-            @click="gotoPage('/teamWork/screen')"
+            @click="gotoPage('/teamWork/riskOverview')"
           />
         </div>
         <div class="ball ball6">