diff --git a/src/views/bigScreen/drivingCabin/bottom1.png b/src/views/bigScreen/drivingCabin/bottom1.png
deleted file mode 100644
index 54f039e..0000000
Binary files a/src/views/bigScreen/drivingCabin/bottom1.png and /dev/null differ
diff --git a/src/views/bigScreen/drivingCabin/bottom2.png b/src/views/bigScreen/drivingCabin/bottom2.png
deleted file mode 100644
index e6a1c9b..0000000
Binary files a/src/views/bigScreen/drivingCabin/bottom2.png and /dev/null differ
diff --git a/src/views/bigScreen/drivingCabin/conter1-1.png b/src/views/bigScreen/drivingCabin/conter1-1.png
deleted file mode 100644
index 379b365..0000000
Binary files a/src/views/bigScreen/drivingCabin/conter1-1.png and /dev/null differ
diff --git a/src/views/bigScreen/drivingCabin/conter1-2.png b/src/views/bigScreen/drivingCabin/conter1-2.png
deleted file mode 100644
index ded390e..0000000
Binary files a/src/views/bigScreen/drivingCabin/conter1-2.png and /dev/null differ
diff --git a/src/views/bigScreen/drivingCabin/conter2-1.png b/src/views/bigScreen/drivingCabin/conter2-1.png
deleted file mode 100644
index d647ca3..0000000
Binary files a/src/views/bigScreen/drivingCabin/conter2-1.png and /dev/null differ
diff --git a/src/views/bigScreen/drivingCabin/conter2-2.png b/src/views/bigScreen/drivingCabin/conter2-2.png
deleted file mode 100644
index f453f4e..0000000
Binary files a/src/views/bigScreen/drivingCabin/conter2-2.png and /dev/null differ
diff --git a/src/views/bigScreen/drivingCabin/conter2.jpg b/src/views/bigScreen/drivingCabin/conter2.jpg
deleted file mode 100644
index 57027a6..0000000
Binary files a/src/views/bigScreen/drivingCabin/conter2.jpg and /dev/null differ
diff --git a/src/views/bigScreen/drivingCabin/right1-1.png b/src/views/bigScreen/drivingCabin/right1-1.png
deleted file mode 100644
index b51a443..0000000
Binary files a/src/views/bigScreen/drivingCabin/right1-1.png and /dev/null differ
diff --git a/src/views/bigScreen/drivingCabin/right1-2.png b/src/views/bigScreen/drivingCabin/right1-2.png
deleted file mode 100644
index 5f04e31..0000000
Binary files a/src/views/bigScreen/drivingCabin/right1-2.png and /dev/null differ
diff --git a/src/views/bigScreen/drivingCabin/snap.png b/src/views/bigScreen/drivingCabin/snap.png
deleted file mode 100644
index 4c69bf8..0000000
Binary files a/src/views/bigScreen/drivingCabin/snap.png and /dev/null differ
diff --git a/src/views/bigScreen/securityManage/components/container3/bg.png b/src/views/bigScreen/securityManage/components/container3/bg.png
index faa0c5f..e9f9e03 100644
Binary files a/src/views/bigScreen/securityManage/components/container3/bg.png and b/src/views/bigScreen/securityManage/components/container3/bg.png differ
diff --git a/src/views/bigScreen/securityManage/components/container3/index.vue b/src/views/bigScreen/securityManage/components/container3/index.vue
index 8ff6954..51ff71c 100644
--- a/src/views/bigScreen/securityManage/components/container3/index.vue
+++ b/src/views/bigScreen/securityManage/components/container3/index.vue
@@ -1,104 +1,100 @@
-
-
 <template>
-  <div class="container3">
-    <div class="tit">
-      <rocketTit>{{title}}</rocketTit>
-      <!-- <div class="datePicker">
+	<div class="container3">
+		<div class="tit">
+			<rocketTit>{{ title }}</rocketTit>
+			<!-- <div class="datePicker">
         <slot name="datePicker"></slot>
       </div> -->
-    </div>
-    <div class="content">
-      <div class="snap">
-        <slot name="snap"></slot>
-      </div>
+		</div>
+		<div class="content">
+			<div class="snap">
+				<slot name="snap"></slot>
+			</div>
 
-      <slot />
-    </div>
-  </div>
+			<slot />
+		</div>
+	</div>
 </template>
 
 <script>
-import rocketTit from "../../../components/rocketTit/index.vue";
+import rocketTit from '../../../components/rocketTit/index.vue'
 
 export default {
-  name: 'container3',
-  components: {
-    rocketTit,
-  },
-  props: {
-    title: {
-      type: String,
-      default: '',
-    },
-    selected: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data () {
-    return {
-
-    }
-  },
+	name: 'container3',
+	components: {
+		rocketTit,
+	},
+	props: {
+		title: {
+			type: String,
+			default: '',
+		},
+		selected: {
+			type: Boolean,
+			default: false,
+		},
+	},
+	data() {
+		return {}
+	},
 }
 </script>
 
 <style lang="scss" scoped>
 .container3 {
-  display: flex;
-  flex-direction: column;
-  width: 673px;
-  height: 359px;
-  background-image: url(./bg.png);
-  background-size: cover;
-  color: #ffffff;
-  font-size: 16px;
-  font-family: PingFangSC-Semibold, PingFang SC;
-  font-weight: 600;
+	display: flex;
+	flex-direction: column;
+	width: 927px;
+	height: 360px;
+	background-image: url(./bg.png);
+	background-size: cover;
+	color: #ffffff;
+	font-size: 16px;
+	font-family: PingFangSC-Semibold, PingFang SC;
+	font-weight: 600;
 
-  .tit {
-    padding: 16px 16px 16px 24px;
-    position: relative;
-    .datePicker {
-      position: absolute;
-      right: 16px;
-      top: 12px;
+	.tit {
+		padding: 16px 16px 16px 24px;
+		position: relative;
+		.datePicker {
+			position: absolute;
+			right: 16px;
+			top: 12px;
 
-      ::v-deep .el-date-editor {
-        border-radius: 0;
-        box-shadow: none !important;
-        border: 1px solid rgba(255, 255, 255, 0.2);
-        vertical-align: middle;
-        color: #fff;
-        background-color: transparent;
-        .el-range-input,
-        .el-range-separator {
-          color: #fff;
-        }
-        .el-range-editor.is-active {
-          border-color: #fff !important;
-        }
+			::v-deep .el-date-editor {
+				border-radius: 0;
+				box-shadow: none !important;
+				border: 1px solid rgba(255, 255, 255, 0.2);
+				vertical-align: middle;
+				color: #fff;
+				background-color: transparent;
+				.el-range-input,
+				.el-range-separator {
+					color: #fff;
+				}
+				.el-range-editor.is-active {
+					border-color: #fff !important;
+				}
 
-        input {
-          background-color: transparent;
-        }
-      }
-    }
-  }
+				input {
+					background-color: transparent;
+				}
+			}
+		}
+	}
 
-  .content {
-    flex: 1;
-    padding: 2px 2px 2px 22px;
-    box-sizing: border-box;
-    overflow: hidden;
-    position: relative;
-    .snap {
-      position: absolute;
-      top: 20px;
-      left: 25px;
-      font-weight: 300;
-    }
-  }
+	.content {
+		flex: 1;
+		padding: 2px 2px 2px 22px;
+		box-sizing: border-box;
+		overflow: hidden;
+		position: relative;
+		.snap {
+			position: absolute;
+			top: 20px;
+			left: 25px;
+			font-weight: 300;
+		}
+	}
 }
 </style>
diff --git a/src/views/bigScreen/securityManage/components/container4/bg.png b/src/views/bigScreen/securityManage/components/container4/bg.png
index 7f938fa..3380357 100644
Binary files a/src/views/bigScreen/securityManage/components/container4/bg.png and b/src/views/bigScreen/securityManage/components/container4/bg.png differ
diff --git a/src/views/bigScreen/securityManage/components/container4/index.vue b/src/views/bigScreen/securityManage/components/container4/index.vue
index 31fda5c..f0eba7f 100644
--- a/src/views/bigScreen/securityManage/components/container4/index.vue
+++ b/src/views/bigScreen/securityManage/components/container4/index.vue
@@ -1,145 +1,133 @@
-
-
 <template>
-  <div class="container4">
-    <div class="tit">
-      <div>{{title}}</div>
-      <!-- <rocketTit>{{title}}</rocketTit> -->
-      <!-- <div class="datePicker">
+	<div class="container4">
+		<div class="tit">
+			<div>{{ title }}</div>
+			<!-- <rocketTit>{{title}}</rocketTit> -->
+			<!-- <div class="datePicker">
         <slot name="datePicker"></slot>
       </div> -->
-    </div>
-    <div class="content">
-      <div class="snap">
-        <slot name="snap"></slot>
-      </div>
+		</div>
+		<div class="content">
+			<div class="snap">
+				<slot name="snap"></slot>
+			</div>
 
-      <slot />
-    </div>
-  </div>
+			<slot />
+		</div>
+	</div>
 </template>
 
 <script>
-import rocketTit from "../../../components/rocketTit/index.vue";
+import rocketTit from '../../../components/rocketTit/index.vue'
 
 export default {
-  name: 'container4',
-  components: {
-    rocketTit,
-  },
-  props: {
-    title: {
-      type: String,
-      default: '',
-    },
-    selected: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data () {
-    return {
-
-    }
-  },
+	name: 'container4',
+	components: {
+		rocketTit,
+	},
+	props: {
+		title: {
+			type: String,
+			default: '',
+		},
+		selected: {
+			type: Boolean,
+			default: false,
+		},
+	},
+	data() {
+		return {}
+	},
 }
 </script>
 
 <style lang="scss" scoped>
 .container4 {
-  display: flex;
-  flex-direction: column;
-  width: 501px;
-  height: 359px;
-  background-image: url(./bg.png);
-  background-size: cover;
-  color: #ffffff;
-  font-size: 16px;
-  font-family: PingFangSC-Semibold, PingFang SC;
-  font-weight: 600;
+	display: flex;
+	flex-direction: column;
+	width: 536px;
+	height: 360px;
+	background-image: url(./bg.png);
+	background-size: cover;
+	color: #ffffff;
+	font-size: 16px;
+	font-family: PingFangSC-Semibold, PingFang SC;
+	font-weight: 600;
 
-  .tit {
-    position: relative;
-    padding: 16px 16px 16px 24px;
-    text-align: center;
-    color: #ffffff;
-    font-size: 16px;
-    position: relative;
-    display: inline-block;
-    margin: 0 auto;
+	.tit {
+		position: relative;
+		padding: 16px 16px 16px 24px;
+		text-align: center;
+		color: #ffffff;
+		font-size: 16px;
+		position: relative;
+		display: inline-block;
+		margin: 0 auto;
 
-    ::before {
-      content: "";
-      display: block;
-      position: absolute;
+		::before {
+			content: '';
+			display: block;
+			position: absolute;
 
-      left: -75px;
-      top: 25px;
-      width: 82px;
-      height: 3px;
-      background: linear-gradient(
-        90deg,
-        rgba(145, 213, 254, 0) 0%,
-        #91d5fe 100%
-      );
-      border-radius: 2px;
-    }
-    ::after {
-      content: "";
-      display: block;
-      position: absolute;
+			left: -75px;
+			top: 25px;
+			width: 82px;
+			height: 3px;
+			background: linear-gradient(90deg, rgba(145, 213, 254, 0) 0%, #91d5fe 100%);
+			border-radius: 2px;
+		}
+		::after {
+			content: '';
+			display: block;
+			position: absolute;
 
-      right: -75px;
-      top: 25px;
-      width: 82px;
-      height: 3px;
-      background: linear-gradient(
-        90deg,
-        #91d5fe 0%,
-        rgba(145, 213, 254, 0) 100%
-      );
-      border-radius: 2px;
-    }
+			right: -75px;
+			top: 25px;
+			width: 82px;
+			height: 3px;
+			background: linear-gradient(90deg, #91d5fe 0%, rgba(145, 213, 254, 0) 100%);
+			border-radius: 2px;
+		}
 
-    .datePicker {
-      position: absolute;
-      right: 16px;
-      top: 12px;
+		.datePicker {
+			position: absolute;
+			right: 16px;
+			top: 12px;
 
-      ::v-deep .el-date-editor {
-        border-radius: 0;
-        box-shadow: none !important;
-        border: 1px solid rgba(255, 255, 255, 0.2);
-        vertical-align: middle;
-        color: #fff;
-        background-color: transparent;
-        .el-range-input,
-        .el-range-separator {
-          color: #fff;
-        }
-        .el-range-editor.is-active {
-          border-color: #fff !important;
-        }
+			::v-deep .el-date-editor {
+				border-radius: 0;
+				box-shadow: none !important;
+				border: 1px solid rgba(255, 255, 255, 0.2);
+				vertical-align: middle;
+				color: #fff;
+				background-color: transparent;
+				.el-range-input,
+				.el-range-separator {
+					color: #fff;
+				}
+				.el-range-editor.is-active {
+					border-color: #fff !important;
+				}
 
-        input {
-          background-color: transparent;
-        }
-      }
-    }
-  }
+				input {
+					background-color: transparent;
+				}
+			}
+		}
+	}
 
-  .content {
-    flex: 1;
-    padding: 2px;
-    box-sizing: border-box;
-    overflow: hidden;
-    position: relative;
-    .snap {
-      position: absolute;
-      top: 20px;
-      left: 25px;
-      font-weight: 300;
-    }
-  }
+	.content {
+		flex: 1;
+		padding: 2px;
+		box-sizing: border-box;
+		overflow: hidden;
+		position: relative;
+		.snap {
+			position: absolute;
+			top: 20px;
+			left: 25px;
+			font-weight: 300;
+		}
+	}
 }
 </style>
diff --git a/src/views/bigScreen/securityManage/components/container5/bg.png b/src/views/bigScreen/securityManage/components/container5/bg.png
new file mode 100644
index 0000000..ac9801d
Binary files /dev/null and b/src/views/bigScreen/securityManage/components/container5/bg.png differ
diff --git a/src/views/bigScreen/securityManage/components/container5/index.vue b/src/views/bigScreen/securityManage/components/container5/index.vue
new file mode 100644
index 0000000..fe59931
--- /dev/null
+++ b/src/views/bigScreen/securityManage/components/container5/index.vue
@@ -0,0 +1,101 @@
+<template>
+	<div class="container5">
+		<div class="tit">
+			<rocketTit>{{ title }}</rocketTit>
+			<!-- <div class="datePicker">
+        <slot name="datePicker"></slot>
+      </div> -->
+		</div>
+		<div class="content">
+			<div class="snap">
+				<slot name="snap"></slot>
+			</div>
+
+			<slot />
+		</div>
+	</div>
+</template>
+
+<script>
+import rocketTit from '../../../components/rocketTit/index.vue'
+
+export default {
+	name: 'container5',
+	components: {
+		rocketTit,
+	},
+	props: {
+		title: {
+			type: String,
+			default: '',
+		},
+		selected: {
+			type: Boolean,
+			default: false,
+		},
+	},
+	data() {
+		return {}
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.container5 {
+	display: flex;
+	flex-direction: column;
+	width: 381px;
+	height: 360px;
+	background-image: url(./bg.png);
+	background-size: cover;
+	color: #ffffff;
+	font-size: 16px;
+	font-family: PingFangSC-Semibold, PingFang SC;
+	font-weight: 600;
+
+	.tit {
+		position: relative;
+		padding: 16px 16px 16px 24px;
+
+		.datePicker {
+			position: absolute;
+			right: 16px;
+			top: 12px;
+
+			::v-deep .el-date-editor {
+				border-radius: 0;
+				box-shadow: none !important;
+				border: 1px solid rgba(255, 255, 255, 0.2);
+				vertical-align: middle;
+				color: #fff;
+				background-color: transparent;
+				.el-range-input,
+				.el-range-separator {
+					color: #fff;
+				}
+				.el-range-editor.is-active {
+					border-color: #fff !important;
+				}
+
+				input {
+					background-color: transparent;
+				}
+			}
+		}
+	}
+
+	.content {
+		flex: 1;
+		padding: 2px;
+		box-sizing: border-box;
+		overflow: hidden;
+		position: relative;
+		.snap {
+			position: absolute;
+			top: 20px;
+			left: 25px;
+			font-weight: 300;
+		}
+	}
+}
+</style>
diff --git a/src/views/bigScreen/securityManage/index.vue b/src/views/bigScreen/securityManage/index.vue
index 9abd1e2..865ec7e 100644
--- a/src/views/bigScreen/securityManage/index.vue
+++ b/src/views/bigScreen/securityManage/index.vue
@@ -91,7 +91,7 @@ export default {
 .center2 {
 	position: absolute;
 	top: 605px;
-	left: 710px;
+	left: 968px;
 }
 
 .right1 {
diff --git a/src/views/bigScreen/securityManage/left2.vue b/src/views/bigScreen/securityManage/left2.vue
index eb5881d..b495165 100644
--- a/src/views/bigScreen/securityManage/left2.vue
+++ b/src/views/bigScreen/securityManage/left2.vue
@@ -1,252 +1,248 @@
 <template>
-  <div>
-    <container3 title="利润概况">
-      <el-date-picker slot="datePicker" v-model="dateRange" size="small" style="width: 240px" value-format="yyyy-MM-dd" type="daterange"
-        range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
-      <div style="height:100%;width:100%;" ref="chart"></div>
-    </container3>
-  </div>
-
+	<div>
+		<container3 title="安全隐患整改情况">
+			<div class="wrap">
+				<el-row class="content1" style="height: 100%">
+					<el-col :span="18" style="height: 100%">
+						<div style="height: 100%; width: 100%" ref="chart"></div>
+					</el-col>
+					<el-col :span="6">
+						<!-- <div style="height: 100%; width: 100%" ref="chart"></div> -->
+						12
+					</el-col>
+				</el-row>
+			</div>
+		</container3>
+	</div>
 </template>
 
 <script>
 import scalseBox from '../components/scaleBox.vue'
-import bigScreenHead from "../components/bigScreenHead/index.vue";
-import rocketTit from "../components/rocketTit/index.vue";
-import container3 from "./components/container3/index.vue";
-
+import bigScreenHead from '../components/bigScreenHead/index.vue'
+import rocketTit from '../components/rocketTit/index.vue'
+import container3 from './components/container3/index.vue'
 
 import echarts from 'echarts'
 require('echarts/theme/macarons') // echarts theme
 import resize from '../../dashboard/mixins/resize'
 export default {
-  mixins: [resize],
-  name: 'left2',
-  components: {
-    scalseBox,
-    bigScreenHead,
-    rocketTit,
-    container3,
-  },
-  data () {
-    return {
-      dateRange: [],
-      chart: null,
-      option: {
-        legend: {
-          data: ['利润', '利润预测', '利润目标完成率'],
-          textStyle: {
-            color: '#fff'
-          },
-        },
-        grid: {
-          left: '3%',
-          right: '6%',
-          bottom: '3%',
-          containLabel: true
-        },
-        xAxis: [
-          {
-            type: 'category',
-            data: [
-              '2021-01',
-              '2021-02',
-              '2021-03',
-              '2021-04',
-              '2021-05',
-              '2021-06',
-              '2021-07',
-              '2021-08',
-              '2021-09',
-              '2021-10',
-              '2021-11',
-              '2021-12',
-            ],
-            axisPointer: {
-              type: 'shadow'
-            },
-            axisLine: {
-              lineStyle: {
-                color: 'rgb(255, 255, 255)'
-              },
-            }
-          }
-        ],
-        yAxis: [
-          {
-            type: 'value',
-            name: '万元',
-            min: 0,
-            max: 250,
-            interval: 50,
-            axisLabel: {
-              formatter: '{value}'
-            },
-            splitLine: {
-              show: false//不显示网格线
-            },
-            splitArea: {
-              show: false//不显示网格区域
-            },
-            axisLine: {
-              lineStyle: {
-                color: 'rgb(255, 255, 255)'
-              },
-            }
-          },
-          {
-            type: 'value',
-            min: 0,
-            max: 25,
-            interval: 5,
-            axisLabel: {
-              formatter: '{value} %'
-            },
-            splitLine: {
-              show: false//不显示网格线
-            },
-            splitArea: {
-              show: false//不显示网格区域
-            },
-            axisLine: {
-              lineStyle: {
-                color: 'rgb(255, 255, 255)'
-              },
-            }
-          }
-        ],
-        grid: {
-          containLabel: true,
-          width: "99%",
-          left: 0,
-          top: 50,
-          bottom: 50,
-        },
-        dataZoom: {},
-        series: [
-          {
-            name: '利润',
-            type: 'bar',
-            barWidth: 20,
-            data: [
-              2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
-            ],
-            itemStyle: {
-              color: 'rgb(118,196,166)'
-            },
-            barGap: '0'
-          },
-          {
-            name: '利润预测',
-            type: 'bar',
-            barWidth: 20,
-            data: [
-              2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-            ],
-            itemStyle: {
-              color: {
-                type: 'linear', // 线性渐变
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [{
-                  offset: 0,
-                  color: '#B5D3FE' // 0%处的颜色为红色
-                }, {
-                  offset: 1,
-                  color: '#7EA7FC' // 100%处的颜色为蓝
-                }]
-              }
-            }
-          },
-          {
-            name: '利润目标完成率',
-            type: 'line',
-            yAxisIndex: 1,
-            smooth: false,
-            data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2],
-            itemStyle: {
-              color: '#55C5A2'
-            },
-            symbol: 'none'
-          }
-        ],
-        // yAxis: {
-        //   type: 'value',
-        //   splitLine: {
-        //     show: false//不显示网格线
-        //   },
-        //   splitArea: {
-        //     show: false//不显示网格区域
-        //   },
-        //   axisLine: {
-        //     lineStyle: {
-        //       color: 'rgb(255, 255, 255)'
-        //     },
-        //   }
-        // },
-        // series: [
-        //   {
-        //     name: '利润',
-        //     type: 'bar',
-        //     data: [
-        //       2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
-        //     ]
-        //   },
-        //   {
-        //     name: '利润预测',
-        //     type: 'bar',
-        //     data: [
-        //       2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-        //     ]
-        //   },
-        //   {
-        //     name: '利润目标完成率',
-        //     type: 'line',
-        //     yAxisIndex: 1,
-        //     data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
-        //   }
+	mixins: [resize],
+	name: 'left2',
+	components: {
+		scalseBox,
+		bigScreenHead,
+		rocketTit,
+		container3,
+	},
+	data() {
+		return {
+			dateRange: [],
+			chart: null,
+			option: {
+				legend: {
+					data: ['利润', '利润预测', '利润目标完成率'],
+					textStyle: {
+						color: '#fff',
+					},
+				},
+				grid: {
+					left: '3%',
+					right: '6%',
+					bottom: '3%',
+					containLabel: true,
+				},
+				xAxis: [
+					{
+						type: 'category',
+						data: [
+							'2021-01',
+							'2021-02',
+							'2021-03',
+							'2021-04',
+							'2021-05',
+							'2021-06',
+							'2021-07',
+							'2021-08',
+							'2021-09',
+							'2021-10',
+							'2021-11',
+							'2021-12',
+						],
+						axisPointer: {
+							type: 'shadow',
+						},
+						axisLine: {
+							lineStyle: {
+								color: 'rgb(255, 255, 255)',
+							},
+						},
+					},
+				],
+				yAxis: [
+					{
+						type: 'value',
+						name: '万元',
+						min: 0,
+						max: 250,
+						interval: 50,
+						axisLabel: {
+							formatter: '{value}',
+						},
+						splitLine: {
+							show: false, //不显示网格线
+						},
+						splitArea: {
+							show: false, //不显示网格区域
+						},
+						axisLine: {
+							lineStyle: {
+								color: 'rgb(255, 255, 255)',
+							},
+						},
+					},
+					{
+						type: 'value',
+						min: 0,
+						max: 25,
+						interval: 5,
+						axisLabel: {
+							formatter: '{value} %',
+						},
+						splitLine: {
+							show: false, //不显示网格线
+						},
+						splitArea: {
+							show: false, //不显示网格区域
+						},
+						axisLine: {
+							lineStyle: {
+								color: 'rgb(255, 255, 255)',
+							},
+						},
+					},
+				],
+				grid: {
+					containLabel: true,
+					width: '99%',
+					left: 0,
+					top: 50,
+					bottom: 50,
+				},
+				dataZoom: {},
+				series: [
+					{
+						name: '利润',
+						type: 'bar',
+						barWidth: 20,
+						data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
+						itemStyle: {
+							color: 'rgb(118,196,166)',
+						},
+						barGap: '0',
+					},
+					{
+						name: '利润预测',
+						type: 'bar',
+						barWidth: 20,
+						data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
+						itemStyle: {
+							color: {
+								type: 'linear', // 线性渐变
+								x: 0,
+								y: 0,
+								x2: 0,
+								y2: 1,
+								colorStops: [
+									{
+										offset: 0,
+										color: '#B5D3FE', // 0%处的颜色为红色
+									},
+									{
+										offset: 1,
+										color: '#7EA7FC', // 100%处的颜色为蓝
+									},
+								],
+							},
+						},
+					},
+					{
+						name: '利润目标完成率',
+						type: 'line',
+						yAxisIndex: 1,
+						smooth: false,
+						data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2],
+						itemStyle: {
+							color: '#55C5A2',
+						},
+						symbol: 'none',
+					},
+				],
+				// yAxis: {
+				//   type: 'value',
+				//   splitLine: {
+				//     show: false//不显示网格线
+				//   },
+				//   splitArea: {
+				//     show: false//不显示网格区域
+				//   },
+				//   axisLine: {
+				//     lineStyle: {
+				//       color: 'rgb(255, 255, 255)'
+				//     },
+				//   }
+				// },
+				// series: [
+				//   {
+				//     name: '利润',
+				//     type: 'bar',
+				//     data: [
+				//       2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
+				//     ]
+				//   },
+				//   {
+				//     name: '利润预测',
+				//     type: 'bar',
+				//     data: [
+				//       2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
+				//     ]
+				//   },
+				//   {
+				//     name: '利润目标完成率',
+				//     type: 'line',
+				//     yAxisIndex: 1,
+				//     data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
+				//   }
 
-        // ]
-      },
-    }
-  },
-  mounted () {
-    this.$nextTick(() => {
-      this.initChart()
-    })
-  },
-  beforeDestroy () {
-    if (!this.chart) {
-      return
-    }
-    this.chart.dispose()
-    this.chart = null
-  },
-  methods: {
-    initChart () {
-      this.chart = echarts.init(this.$refs.chart);
-      this.chart.setOption(this.option);
-    }
-  }
+				// ]
+			},
+		}
+	},
+	mounted() {
+		this.$nextTick(() => {
+			this.initChart()
+		})
+	},
+	beforeDestroy() {
+		if (!this.chart) {
+			return
+		}
+		this.chart.dispose()
+		this.chart = null
+	},
+	methods: {
+		initChart() {
+			this.chart = echarts.init(this.$refs.chart)
+			this.chart.setOption(this.option)
+		},
+	},
 }
 </script>
 
 <style lang="scss" scoped>
-.num {
-  font-size: 30px;
-  font-family: Roboto-Black, Roboto;
-  font-weight: 900;
-  color: #f6d97e;
-  line-height: 35px;
-  //   margin-right: 3px;
+.wrap {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	width: 100%;
 }
-.num2 {
-  font-size: 30px;
-  font-family: Roboto-Black, Roboto;
-  font-weight: 900;
-  color: rgba(16, 152, 255, 1);
-  line-height: 35px;
-}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/bigScreen/securityManage/right1-1.png b/src/views/bigScreen/securityManage/right1-1.png
deleted file mode 100644
index b51a443..0000000
Binary files a/src/views/bigScreen/securityManage/right1-1.png and /dev/null differ
diff --git a/src/views/bigScreen/securityManage/right1-2.png b/src/views/bigScreen/securityManage/right1-2.png
deleted file mode 100644
index 5f04e31..0000000
Binary files a/src/views/bigScreen/securityManage/right1-2.png and /dev/null differ
diff --git a/src/views/bigScreen/securityManage/right2-1.png b/src/views/bigScreen/securityManage/right2-1.png
new file mode 100644
index 0000000..d716cee
Binary files /dev/null and b/src/views/bigScreen/securityManage/right2-1.png differ
diff --git a/src/views/bigScreen/securityManage/right2-2.png b/src/views/bigScreen/securityManage/right2-2.png
new file mode 100644
index 0000000..fa9d3d1
Binary files /dev/null and b/src/views/bigScreen/securityManage/right2-2.png differ
diff --git a/src/views/bigScreen/securityManage/right2.vue b/src/views/bigScreen/securityManage/right2.vue
index f7e3ea4..996247f 100644
--- a/src/views/bigScreen/securityManage/right2.vue
+++ b/src/views/bigScreen/securityManage/right2.vue
@@ -1,253 +1,282 @@
 <template>
-  <div>
-    <container3 title="装药量概况">
-      <el-date-picker slot="datePicker" v-model="dateRange" size="small" style="width: 240px" value-format="yyyy-MM-dd" type="daterange"
-        range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
-      <div style="height:100%;width:100%;" ref="chart"></div>
-    </container3>
-  </div>
-
+	<div>
+		<container5 title="危险作业厂所压减情况">
+			<el-row style="height: 80%; display: flex; align-items: center">
+				<el-col :span="12">
+					<div class="right1_bg right1_bg1">
+						<div><span class="num">4 / 6</span></div>
+						<div style="font-size: 14px">现有/原有</div>
+						<div class="txt">三人以上危险作业场所</div>
+					</div>
+				</el-col>
+				<el-col :span="12">
+					<div class="right1_bg right1_bg2">
+						<div><span class="num">2 / 7</span></div>
+						<div style="font-size: 14px">现有/原有</div>
+						<div class="txt">十人以上危险作业场所</div>
+					</div>
+				</el-col>
+			</el-row>
+		</container5>
+	</div>
 </template>
 
 <script>
 import scalseBox from '../components/scaleBox.vue'
-import bigScreenHead from "../components/bigScreenHead/index.vue";
-import rocketTit from "../components/rocketTit/index.vue";
-import container3 from "./components/container3/index.vue";
-
+import bigScreenHead from '../components/bigScreenHead/index.vue'
+import rocketTit from '../components/rocketTit/index.vue'
+import container5 from './components/container5/index.vue'
 
 import echarts from 'echarts'
 require('echarts/theme/macarons') // echarts theme
 import resize from '../../dashboard/mixins/resize'
 export default {
-  mixins: [resize],
-  name: 'right2',
-  components: {
-    scalseBox,
-    bigScreenHead,
-    rocketTit,
-    container3,
-  },
-  data () {
-    return {
-      dateRange: [],
-      chart: null,
-      option: {
-        legend: {
-          data: ['利润', '利润预测', '利润目标完成率'],
-          textStyle: {
-            color: '#fff'
-          },
-        },
-        grid: {
-          left: '3%',
-          right: '6%',
-          bottom: '3%',
-          containLabel: true
-        },
-        xAxis: [
-          {
-            type: 'category',
-            data: [
-              '2021-01',
-              '2021-02',
-              '2021-03',
-              '2021-04',
-              '2021-05',
-              '2021-06',
-              '2021-07',
-              '2021-08',
-              '2021-09',
-              '2021-10',
-              '2021-11',
-              '2021-12',
-            ],
-            axisPointer: {
-              type: 'shadow'
-            },
-            axisLine: {
-              lineStyle: {
-                color: 'rgb(255, 255, 255)'
-              },
-            }
-          }
-        ],
-        yAxis: [
-          {
-            type: 'value',
-            name: '万元',
-            min: 0,
-            max: 250,
-            interval: 50,
-            axisLabel: {
-              formatter: '{value}'
-            },
-            splitLine: {
-              show: false//不显示网格线
-            },
-            splitArea: {
-              show: false//不显示网格区域
-            },
-            axisLine: {
-              lineStyle: {
-                color: 'rgb(255, 255, 255)'
-              },
-            }
-          },
-          {
-            type: 'value',
-            min: 0,
-            max: 25,
-            interval: 5,
-            axisLabel: {
-              formatter: '{value} %'
-            },
-            splitLine: {
-              show: false//不显示网格线
-            },
-            splitArea: {
-              show: false//不显示网格区域
-            },
-            axisLine: {
-              lineStyle: {
-                color: 'rgb(255, 255, 255)'
-              },
-            }
-          }
-        ],
-        grid: {
-          containLabel: true,
-          width: "99%",
-          left: 0,
-          top: 50,
-          bottom: 50,
-        },
-        dataZoom: {},
-        series: [
-          {
-            name: '利润',
-            type: 'bar',
-            barWidth: 20,
-            data: [
-              2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
-            ],
-            itemStyle: {
-              color: 'rgb(118,196,166)'
-            }
-          },
-          {
-            name: '利润预测',
-            type: 'bar',
-            barWidth: 20,
-            data: [
-              2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-            ],
-            itemStyle: {
-              color: {
-                type: 'linear', // 线性渐变
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [{
-                  offset: 0,
-                  color: '#B5D3FE' // 0%处的颜色为红色
-                }, {
-                  offset: 1,
-                  color: '#7EA7FC' // 100%处的颜色为蓝
-                }]
-              }
-            }
-          },
-          {
-            name: '利润目标完成率',
-            type: 'line',
-            yAxisIndex: 1,
-            smooth: false,
-            data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2],
-            itemStyle: {
-              normal: {
-                color: '#F6D97E'
-              }
-            },
-            symbol: 'none'
-          }
-        ],
-        // yAxis: {
-        //   type: 'value',
-        //   splitLine: {
-        //     show: false//不显示网格线
-        //   },
-        //   splitArea: {
-        //     show: false//不显示网格区域
-        //   },
-        //   axisLine: {
-        //     lineStyle: {
-        //       color: 'rgb(255, 255, 255)'
-        //     },
-        //   }
-        // },
-        // series: [
-        //   {
-        //     name: '利润',
-        //     type: 'bar',
-        //     data: [
-        //       2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
-        //     ]
-        //   },
-        //   {
-        //     name: '利润预测',
-        //     type: 'bar',
-        //     data: [
-        //       2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-        //     ]
-        //   },
-        //   {
-        //     name: '利润目标完成率',
-        //     type: 'line',
-        //     yAxisIndex: 1,
-        //     data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
-        //   }
+	mixins: [resize],
+	name: 'right2',
+	components: {
+		scalseBox,
+		bigScreenHead,
+		rocketTit,
+		container5,
+	},
+	data() {
+		return {
+			dateRange: [],
+			chart: null,
+			option: {
+				legend: {
+					data: ['利润', '利润预测', '利润目标完成率'],
+					textStyle: {
+						color: '#fff',
+					},
+				},
+				grid: {
+					left: '3%',
+					right: '6%',
+					bottom: '3%',
+					containLabel: true,
+				},
+				xAxis: [
+					{
+						type: 'category',
+						data: [
+							'2021-01',
+							'2021-02',
+							'2021-03',
+							'2021-04',
+							'2021-05',
+							'2021-06',
+							'2021-07',
+							'2021-08',
+							'2021-09',
+							'2021-10',
+							'2021-11',
+							'2021-12',
+						],
+						axisPointer: {
+							type: 'shadow',
+						},
+						axisLine: {
+							lineStyle: {
+								color: 'rgb(255, 255, 255)',
+							},
+						},
+					},
+				],
+				yAxis: [
+					{
+						type: 'value',
+						name: '万元',
+						min: 0,
+						max: 250,
+						interval: 50,
+						axisLabel: {
+							formatter: '{value}',
+						},
+						splitLine: {
+							show: false, //不显示网格线
+						},
+						splitArea: {
+							show: false, //不显示网格区域
+						},
+						axisLine: {
+							lineStyle: {
+								color: 'rgb(255, 255, 255)',
+							},
+						},
+					},
+					{
+						type: 'value',
+						min: 0,
+						max: 25,
+						interval: 5,
+						axisLabel: {
+							formatter: '{value} %',
+						},
+						splitLine: {
+							show: false, //不显示网格线
+						},
+						splitArea: {
+							show: false, //不显示网格区域
+						},
+						axisLine: {
+							lineStyle: {
+								color: 'rgb(255, 255, 255)',
+							},
+						},
+					},
+				],
+				grid: {
+					containLabel: true,
+					width: '99%',
+					left: 0,
+					top: 50,
+					bottom: 50,
+				},
+				dataZoom: {},
+				series: [
+					{
+						name: '利润',
+						type: 'bar',
+						barWidth: 20,
+						data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
+						itemStyle: {
+							color: 'rgb(118,196,166)',
+						},
+					},
+					{
+						name: '利润预测',
+						type: 'bar',
+						barWidth: 20,
+						data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
+						itemStyle: {
+							color: {
+								type: 'linear', // 线性渐变
+								x: 0,
+								y: 0,
+								x2: 0,
+								y2: 1,
+								colorStops: [
+									{
+										offset: 0,
+										color: '#B5D3FE', // 0%处的颜色为红色
+									},
+									{
+										offset: 1,
+										color: '#7EA7FC', // 100%处的颜色为蓝
+									},
+								],
+							},
+						},
+					},
+					{
+						name: '利润目标完成率',
+						type: 'line',
+						yAxisIndex: 1,
+						smooth: false,
+						data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2],
+						itemStyle: {
+							normal: {
+								color: '#F6D97E',
+							},
+						},
+						symbol: 'none',
+					},
+				],
+				// yAxis: {
+				//   type: 'value',
+				//   splitLine: {
+				//     show: false//不显示网格线
+				//   },
+				//   splitArea: {
+				//     show: false//不显示网格区域
+				//   },
+				//   axisLine: {
+				//     lineStyle: {
+				//       color: 'rgb(255, 255, 255)'
+				//     },
+				//   }
+				// },
+				// series: [
+				//   {
+				//     name: '利润',
+				//     type: 'bar',
+				//     data: [
+				//       2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
+				//     ]
+				//   },
+				//   {
+				//     name: '利润预测',
+				//     type: 'bar',
+				//     data: [
+				//       2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
+				//     ]
+				//   },
+				//   {
+				//     name: '利润目标完成率',
+				//     type: 'line',
+				//     yAxisIndex: 1,
+				//     data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
+				//   }
 
-        // ]
-      },
-    }
-  },
-  mounted () {
-    this.$nextTick(() => {
-      this.initChart()
-    })
-  },
-  beforeDestroy () {
-    if (!this.chart) {
-      return
-    }
-    this.chart.dispose()
-    this.chart = null
-  },
-  methods: {
-    initChart () {
-      this.chart = echarts.init(this.$refs.chart);
-      this.chart.setOption(this.option);
-    }
-  }
+				// ]
+			},
+		}
+	},
+	mounted() {
+		this.$nextTick(() => {
+			// this.initChart()
+		})
+	},
+	beforeDestroy() {
+		if (!this.chart) {
+			return
+		}
+		this.chart.dispose()
+		this.chart = null
+	},
+	methods: {
+		initChart() {
+			this.chart = echarts.init(this.$refs.chart)
+			this.chart.setOption(this.option)
+		},
+	},
 }
 </script>
 
 <style lang="scss" scoped>
-.num {
-  font-size: 30px;
-  font-family: Roboto-Black, Roboto;
-  font-weight: 900;
-  color: #f6d97e;
-  line-height: 35px;
-  //   margin-right: 3px;
+.right1_bg {
+	position: relative;
+	width: 147px;
+	height: 113px;
+	background-size: cover;
+	text-align: center;
+	padding: 0 0 10px 0;
+	margin: 20px auto 0 auto;
+	font-size: 14px;
+	.num {
+		font-size: 35px;
+		font-family: Roboto-Black, Roboto;
+		font-weight: 900;
+		line-height: 35px;
+		margin-right: 3px;
+		vertical-align: middle;
+	}
+	.txt {
+		position: absolute;
+		bottom: -30px;
+	}
 }
-.num2 {
-  font-size: 30px;
-  font-family: Roboto-Black, Roboto;
-  font-weight: 900;
-  color: rgba(16, 152, 255, 1);
-  line-height: 35px;
+.right1_bg1 {
+	background-image: url(./right2-1.png);
+	.num {
+		color: #1098ff;
+	}
 }
-</style>
\ No newline at end of file
+.right1_bg2 {
+	background-image: url(./right2-2.png);
+	.num {
+		color: #f6d97e;
+	}
+}
+</style>