-
{{ title }}
-
+
{{ title }}
@@ -57,37 +56,6 @@ export default {
.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;
-
- 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;
- }
.datePicker {
position: absolute;
diff --git a/src/views/bigScreen/securityManage/left2.vue b/src/views/bigScreen/securityManage/left2.vue
index b495165..ec2a1ac 100644
--- a/src/views/bigScreen/securityManage/left2.vue
+++ b/src/views/bigScreen/securityManage/left2.vue
@@ -2,13 +2,59 @@
-
-
+
+
+
+
+
-
-
- 12
+
+
+
+
+
+
+
+
+
+
+
+
+ 序号
+ 安全隐患内容
+ 措施
+ 责任人
+
+
+
+
+ -
+
+ {{ item.id }}
+ {{ item.name }}
+
+
+
+ {{ item.txt }}
+
+
+
+
+
{b}: {c} ({d}%)',
+ },
+ color: this.colorList,
+ legend: {
+ // data: ['型号一', '型号二', '型号三', '型号四'],
+ // orient: 'vertical',
+ // left: '60%',
+ // right: '2%',
+ bottom: 30,
+ // y: 'bottom',
+ textStyle: {
+ //图例文字的样式
+ color: '#fff',
+ fontSize: 16,
+ },
+ },
+ series: [
+ {
+ name: '概括',
+ type: 'pie',
+ radius: ['40%', '60%'],
+ center: ['45%', '45%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false,
+ position: 'center',
+ fontWeight: 'bold',
+ formatter: ' {c}', // {b}:数据名； {c}：数据值； {d}：百分比，可以自定义显示内容
+ },
+ emphasis: {
+ label: {
+ show: false,
+ fontSize: '40',
+ fontWeight: 'bold',
+ },
+ },
+ labelLine: {
+ show: false,
+ },
+ data: [
+ { value: 154, name: '型号一' },
+ { value: 775, name: '型号二' },
+ { value: 679, name: '型号三' },
+ { value: 679, name: '型号四' },
+ ],
+ },
+ ],
+ })
+ },
+ setOptions3() {
+ this.chart3.setOption({
+ // legend: {
+ // data: ['利润', '利润目标完成率'],
+ // textStyle: {
+ // color: '#fff',
+ // },
+ // },
+ grid: {
+ left: '3%',
+ right: '6%',
+ bottom: '3%',
+ containLabel: true,
+ },
+ xAxis: [
+ {
+ type: 'category',
+ data: ['车间', '车间', '车间', '车间', '车间', '车间', '车间', '车间', '车间', '车间', '车间', '车间'],
+ 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: {
+ type: 'slider',
+ textStyle: {
+ color: '#fff',
+ },
+ },
+ series: [
+ {
+ name: '利润',
+ type: 'bar',
+ barWidth: 20,
+ data: [56.0, 14.9, 7.0, 53.2, 50.6, 76.7, 135.6, 162.2, 72.6, 30.0, 12.4, 23.3],
+ itemStyle: {
+ color: 'rgb(118,196,166)',
+ },
+ barGap: '0',
+ },
+ {
+ name: '利润目标完成率',
+ type: 'line',
+ yAxisIndex: 1,
+ smooth: false,
+ data: [10, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2],
+ itemStyle: {
+ color: '#7EA7FC ',
+ },
+ symbol: 'none',
+ },
+ ],
+ })
+ },
},
}
今日收入
今日支出
今日新签合同
今日安全问题
今日质量问题
今日设备数
今日职工数
今日生产任务