diff --git a/src/api/kanban/quality.js b/src/api/kanban/quality.js
new file mode 100644
index 00000000..404ab96c
--- /dev/null
+++ b/src/api/kanban/quality.js
@@ -0,0 +1,96 @@
+import request from '@/utils/request'
+// 获取工厂下拉列表
+export function getBoardFactory(data) {
+	return request({
+		url: '/mes/wcsInterface/getBoardFactory',
+		method: 'post',
+		data: data
+	});
+}
+// 获取头部统计维度年月日
+export function getDictData(data) {
+	return request({
+		url: '/quality/qcInterface/getDictData',
+		method: 'post',
+		data: data
+	});
+}
+// 来料--订单异常信息
+export function getOverallInfo(data) {
+	return request({
+		url: '/quality/qcInterface/getOverallInfo',
+		method: 'post',
+		data: data,
+	});
+}
+// 来料--异常分布 过程检验--当日不良占比类型
+export function getCheckProjectsPie(data) {
+	return request({
+		url: '/quality/qcInterface/getCheckProjectsPie',
+		method: 'post',
+		data: data
+	});
+}
+// 来料--供应商产品数量不良TOP5来料--供应商产品批次不良TOP5
+export function getSupplierBadTOP5(data) {
+	return request({
+		url: '/quality/qcInterface/getSupplierBadTOP5',
+		method: 'post',
+		data: data
+	});
+}
+// 来料--订单异常详情
+export function getSupplierNoOkList(data) {
+	return request({
+		url: '/quality/qcInterface/getSupplierNoOkList',
+		method: 'post',
+		data: data
+	});
+}
+// 来料--供应商来料检验及时性详情 生产过程--检验实时详情
+export function getSupplierTaskList(data) {
+	return request({
+		url: '/quality/qcInterface/getSupplierTaskList',
+		method: 'post',
+		data: data
+	});
+}// 过程检验-检验统计
+export function getProduceStaticInfo(data) {
+	return request({
+		url: '/quality/qcInterface/getProduceStaticInfo',
+		method: 'post',
+		data: data
+	});
+}
+// 过程检验--质量异常信息
+export function getProduceNoOkList(data) {
+	return request({
+		url: '/quality/qcInterface/getProduceNoOkList',
+		method: 'post',
+		data: data
+	});
+}
+// 过程检验--产品不合格数量对比
+export function getProMonthNoOk(data) {
+	return request({
+		url: '/quality/qcInterface/getProMonthNoOk',
+		method: 'post',
+		data: data
+	});
+}
+// 过程检验--产品异常趋势
+export function getLineDayNoOk(data) {
+	return request({
+		url: '/quality/qcInterface/getLineDayNoOk',
+		method: 'post',
+		data: data
+	});
+}
+// 过程检验--产品不合格率同期对比
+export function getMonthOfYearContrast(data) {
+	return request({
+		url: '/quality/qcInterface/getMonthOfYearContrast',
+		method: 'post',
+		data: data
+	});
+}
\ No newline at end of file
diff --git a/src/assets/images/quality/bg-border2title.png b/src/assets/images/quality/bg-border2title.png
new file mode 100644
index 00000000..6ff7ab4c
Binary files /dev/null and b/src/assets/images/quality/bg-border2title.png differ
diff --git a/src/assets/images/quality/bg-dingdan.png b/src/assets/images/quality/bg-dingdan.png
new file mode 100644
index 00000000..a8ef6cc6
Binary files /dev/null and b/src/assets/images/quality/bg-dingdan.png differ
diff --git a/src/assets/images/quality/bgicon.png b/src/assets/images/quality/bgicon.png
new file mode 100644
index 00000000..278ddbee
Binary files /dev/null and b/src/assets/images/quality/bgicon.png differ
diff --git a/src/assets/images/quality/bgtable.png b/src/assets/images/quality/bgtable.png
new file mode 100644
index 00000000..d20c441e
Binary files /dev/null and b/src/assets/images/quality/bgtable.png differ
diff --git a/src/assets/images/quality/icon-dingdan1.png b/src/assets/images/quality/icon-dingdan1.png
new file mode 100644
index 00000000..b54055e2
Binary files /dev/null and b/src/assets/images/quality/icon-dingdan1.png differ
diff --git a/src/assets/images/quality/icon-dingdan2.png b/src/assets/images/quality/icon-dingdan2.png
new file mode 100644
index 00000000..1c120dad
Binary files /dev/null and b/src/assets/images/quality/icon-dingdan2.png differ
diff --git a/src/assets/images/quality/icon-dingdan3.png b/src/assets/images/quality/icon-dingdan3.png
new file mode 100644
index 00000000..922c5523
Binary files /dev/null and b/src/assets/images/quality/icon-dingdan3.png differ
diff --git a/src/assets/images/quality/icon-shibie.png b/src/assets/images/quality/icon-shibie.png
new file mode 100644
index 00000000..86e8d8a7
Binary files /dev/null and b/src/assets/images/quality/icon-shibie.png differ
diff --git a/src/assets/images/quality/icon-xiala.png b/src/assets/images/quality/icon-xiala.png
new file mode 100644
index 00000000..3bfdbba7
Binary files /dev/null and b/src/assets/images/quality/icon-xiala.png differ
diff --git a/src/assets/images/quality/编组 12.png b/src/assets/images/quality/icon2.png
similarity index 100%
rename from src/assets/images/quality/编组 12.png
rename to src/assets/images/quality/icon2.png
diff --git a/src/assets/images/quality/编组 12备份 14.png b/src/assets/images/quality/编组 12备份 14.png
deleted file mode 100644
index 3d705604..00000000
Binary files a/src/assets/images/quality/编组 12备份 14.png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 15.png b/src/assets/images/quality/编组 12备份 15.png
deleted file mode 100644
index 3d705604..00000000
Binary files a/src/assets/images/quality/编组 12备份 15.png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 16.png b/src/assets/images/quality/编组 12备份 16.png
deleted file mode 100644
index 3d705604..00000000
Binary files a/src/assets/images/quality/编组 12备份 16.png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 17.png b/src/assets/images/quality/编组 12备份 17.png
deleted file mode 100644
index 3d705604..00000000
Binary files a/src/assets/images/quality/编组 12备份 17.png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 18.png b/src/assets/images/quality/编组 12备份 18.png
deleted file mode 100644
index 3d705604..00000000
Binary files a/src/assets/images/quality/编组 12备份 18.png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 19(1).png b/src/assets/images/quality/编组 12备份 19(1).png
deleted file mode 100644
index 8ad27b96..00000000
Binary files a/src/assets/images/quality/编组 12备份 19(1).png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 19(2).png b/src/assets/images/quality/编组 12备份 19(2).png
deleted file mode 100644
index 5dc38cde..00000000
Binary files a/src/assets/images/quality/编组 12备份 19(2).png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 19(3).png b/src/assets/images/quality/编组 12备份 19(3).png
deleted file mode 100644
index 8437d521..00000000
Binary files a/src/assets/images/quality/编组 12备份 19(3).png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 19(4).png b/src/assets/images/quality/编组 12备份 19(4).png
deleted file mode 100644
index c21ee300..00000000
Binary files a/src/assets/images/quality/编组 12备份 19(4).png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 19(5).png b/src/assets/images/quality/编组 12备份 19(5).png
deleted file mode 100644
index 1c48746c..00000000
Binary files a/src/assets/images/quality/编组 12备份 19(5).png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 19(6).png b/src/assets/images/quality/编组 12备份 19(6).png
deleted file mode 100644
index 6584f298..00000000
Binary files a/src/assets/images/quality/编组 12备份 19(6).png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 19(7).png b/src/assets/images/quality/编组 12备份 19(7).png
deleted file mode 100644
index 61905269..00000000
Binary files a/src/assets/images/quality/编组 12备份 19(7).png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 19.png b/src/assets/images/quality/编组 12备份 19.png
deleted file mode 100644
index 3d705604..00000000
Binary files a/src/assets/images/quality/编组 12备份 19.png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 20.png b/src/assets/images/quality/编组 12备份 20.png
deleted file mode 100644
index 3d705604..00000000
Binary files a/src/assets/images/quality/编组 12备份 20.png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 21.png b/src/assets/images/quality/编组 12备份 21.png
deleted file mode 100644
index 3d705604..00000000
Binary files a/src/assets/images/quality/编组 12备份 21.png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 22.png b/src/assets/images/quality/编组 12备份 22.png
deleted file mode 100644
index 3d705604..00000000
Binary files a/src/assets/images/quality/编组 12备份 22.png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 23.png b/src/assets/images/quality/编组 12备份 23.png
deleted file mode 100644
index 3d705604..00000000
Binary files a/src/assets/images/quality/编组 12备份 23.png and /dev/null differ
diff --git a/src/assets/images/quality/编组 12备份 24.png b/src/assets/images/quality/编组 12备份 24.png
deleted file mode 100644
index 3d705604..00000000
Binary files a/src/assets/images/quality/编组 12备份 24.png and /dev/null differ
diff --git a/src/utils/request.js b/src/utils/request.js
index 59f08742..36245380 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -16,6 +16,7 @@ axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
   baseURL: process.env.VUE_APP_BASE_API,
+  // baseURL: 'http://192.168.202.34:30000/prod-api',
   // 超时
   timeout: 10000
 })
diff --git a/src/views/kanban/quality/kanban1.vue b/src/views/kanban/quality/kanban1.vue
index 5e2e34e6..cf418546 100644
--- a/src/views/kanban/quality/kanban1.vue
+++ b/src/views/kanban/quality/kanban1.vue
@@ -46,7 +46,7 @@
                             <div class="box">
                                 <div class="number">
                                     <span class="number1">
-                                        15000
+                                        {{ Statistics.todayPro }}
                                     </span>
                                 </div>
                                 <div class="name2">
@@ -56,7 +56,7 @@
                             <div class="box">
                                 <div class="number">
                                     <span class="number1" style="color: #66FFFF;">
-                                        12000
+                                        {{ Statistics.todaySample }}
                                     </span>
                                 </div>
                                 <div class="name2">
@@ -66,7 +66,7 @@
                             <div class="box">
                                 <div class="number">
                                     <span class="number1" style="color: #FF4D4F;">
-                                        3000
+                                        {{ Statistics.todayNoOk }}
                                     </span>
                                 </div>
                                 <div class="name2">
@@ -78,7 +78,7 @@
                             <div class="box">
                                 <div class="number">
                                     <span class="number1">
-                                        15000
+                                        {{ Statistics.monthPro }}
                                     </span>
                                 </div>
                                 <div class="name2">
@@ -88,7 +88,7 @@
                             <div class="box">
                                 <div class="number">
                                     <span class="number1" style="color: #FF4D4F;">
-                                        3000
+                                        {{ Statistics.monthNoOk }}
                                     </span>
                                 </div>
                                 <div class="name2">
@@ -119,15 +119,16 @@
                         </div>
                         <div class="table-tbody">
                             <div class="item" :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px"
-                                :key="index" v-for="(n, index) in getlist">
+                                :key="index" v-for="(n, index) in Qualitylist">
                                 <div class="icon">
 
                                 </div>
                                 <div class="itemname1">
-                                    产品1直径过大
+                                    {{ n.projectName }}
+
                                 </div>
                                 <div class="itemname2">
-                                    张三 2023.10.30
+                                    {{ n.checkManName }} {{ n.checkTime }}
                                 </div>
                             </div>
                         </div>
@@ -156,7 +157,7 @@
                         <div class="titlebox" style="margin-bottom: 14px;">
                             <div class="titlename">产品不同工序异常对比</div>
                         </div>
-                        <div id="echart6" style="margin: auto; width: 395px; height: 400.26px"></div>
+                        <div id="echart6" style="margin: auto; width: 900px; height:304.15px"></div>
                     </div>
                 </div>
             </div>
@@ -169,14 +170,13 @@
 <script>
 import {
     getBoardFactory,
-    getMesBoardEquProductionToday,
-    getBoardShifts,
-    getRepairWorkOrder,
-    getEquipmentInfo,
-    getRepairQuantity,
-    equipmentIntactRate,
-    equipmentStability,
-} from "@/api/kanban/equipment";
+    getProduceStaticInfo,
+    getProduceNoOkList,
+    getCheckProjectsPie,
+    getProMonthNoOk,
+    getLineDayNoOk,
+    getMonthOfYearContrast,
+} from "@/api/kanban/quality";
 import * as echarts from "echarts";
 import moment from "moment";
 // import Echarts3D from "./echarts3d.vue";
@@ -207,215 +207,20 @@ export default {
                 "成型机六",
             ],
             valueList: [1639, 1422, 1306, 1131, 1040, 732, 1040, 732],
-            optionDatalist1: [],
             optionDatalist2: [],
             optionDatalist3: [],
             optionDatalist4: [],
             colorlist: ["#005aff", "#f8b551"],
             datetime: null,
             time1: null,
-            getlist: [
-                {
-
-                },
-                {
-
-                },
-                {
-
-                },
-                {
-
-                },
-                {
-
-                },
-            ],
             repairlist: [],
             equipmentlist: [],
             equipmentrepairlist: [],
             equipmentstabilizelist: [],
             equipmentinfo: [],
-            // {
-            //       "createBy": null,
-            //       "createTime": null,
-            //       "updateBy": null,
-            //       "updateTime": null,
-            //       "remark": null,
-            //       "poolName": null,
-            //       "deptId": null,
-            //       "parentId": null,
-            //       "ancestors": null,
-            //       "deptName": "中山恒阳工厂",
-            //       "orderNum": null,
-            //       "leader": null,
-            //       "phone": null,
-            //       "email": null,
-            //       "status": null,
-            //       "delFlag": null,
-            //       "parentName": "999",
-            //       "children": []
-            //   },
-            //   {
-            //       "createBy": null,
-            //       "createTime": null,
-            //       "updateBy": null,
-            //       "updateTime": null,
-            //       "remark": null,
-            //       "poolName": null,
-            //       "deptId": null,
-            //       "parentId": null,
-            //       "ancestors": null,
-            //       "deptName": "中山小榄工厂",
-            //       "orderNum": null,
-            //       "leader": null,
-            //       "phone": null,
-            //       "email": null,
-            //       "status": null,
-            //       "delFlag": null,
-            //       "parentName": "1000",
-            //       "children": []
-            //   },
-            //   {
-            //       "createBy": null,
-            //       "createTime": null,
-            //       "updateBy": null,
-            //       "updateTime": null,
-            //       "remark": null,
-            //       "poolName": null,
-            //       "deptId": null,
-            //       "parentId": null,
-            //       "ancestors": null,
-            //       "deptName": "内委虚拟工厂",
-            //       "orderNum": null,
-            //       "leader": null,
-            //       "phone": null,
-            //       "email": null,
-            //       "status": null,
-            //       "delFlag": null,
-            //       "parentName": "1001",
-            //       "children": []
-            //   },
-            //   {
-            //       "createBy": null,
-            //       "createTime": null,
-            //       "updateBy": null,
-            //       "updateTime": null,
-            //       "remark": null,
-            //       "poolName": null,
-            //       "deptId": null,
-            //       "parentId": null,
-            //       "ancestors": null,
-            //       "deptName": "中山雅黛工厂",
-            //       "orderNum": null,
-            //       "leader": null,
-            //       "phone": null,
-            //       "email": null,
-            //       "status": null,
-            //       "delFlag": null,
-            //       "parentName": "1010",
-            //       "children": []
-            //   },
-            //   {
-            //       "createBy": null,
-            //       "createTime": null,
-            //       "updateBy": null,
-            //       "updateTime": null,
-            //       "remark": null,
-            //       "poolName": null,
-            //       "deptId": null,
-            //       "parentId": null,
-            //       "ancestors": null,
-            //       "deptName": "中山雅黛工厂(OEM业务)",
-            //       "orderNum": null,
-            //       "leader": null,
-            //       "phone": null,
-            //       "email": null,
-            //       "status": null,
-            //       "delFlag": null,
-            //       "parentName": "1011",
-            //       "children": []
-            //   },
-            //   {
-            //       "createBy": null,
-            //       "createTime": null,
-            //       "updateBy": null,
-            //       "updateTime": null,
-            //       "remark": null,
-            //       "poolName": null,
-            //       "deptId": null,
-            //       "parentId": null,
-            //       "ancestors": null,
-            //       "deptName": "重庆榄菊工厂",
-            //       "orderNum": null,
-            //       "leader": null,
-            //       "phone": null,
-            //       "email": null,
-            //       "status": null,
-            //       "delFlag": null,
-            //       "parentName": "1020",
-            //       "children": []
-            //   },
-            //   {
-            //       "createBy": null,
-            //       "createTime": null,
-            //       "updateBy": null,
-            //       "updateTime": null,
-            //       "remark": null,
-            //       "poolName": null,
-            //       "deptId": null,
-            //       "parentId": null,
-            //       "ancestors": null,
-            //       "deptName": "江西榄菊工厂",
-            //       "orderNum": null,
-            //       "leader": null,
-            //       "phone": null,
-            //       "email": null,
-            //       "status": null,
-            //       "delFlag": null,
-            //       "parentName": "1030",
-            //       "children": []
-            //   },
-            //   {
-            //       "createBy": null,
-            //       "createTime": null,
-            //       "updateBy": null,
-            //       "updateTime": null,
-            //       "remark": null,
-            //       "poolName": null,
-            //       "deptId": null,
-            //       "parentId": null,
-            //       "ancestors": null,
-            //       "deptName": "安徽榄菊工厂",
-            //       "orderNum": null,
-            //       "leader": null,
-            //       "phone": null,
-            //       "email": null,
-            //       "status": null,
-            //       "delFlag": null,
-            //       "parentName": "1040",
-            //       "children": []
-            //   },
-            //   {
-            //       "createBy": null,
-            //       "createTime": null,
-            //       "updateBy": null,
-            //       "updateTime": null,
-            //       "remark": null,
-            //       "poolName": null,
-            //       "deptId": null,
-            //       "parentId": null,
-            //       "ancestors": null,
-            //       "deptName": "安徽榄菊工厂(OEM业务)",
-            //       "orderNum": null,
-            //       "leader": null,
-            //       "phone": null,
-            //       "email": null,
-            //       "status": null,
-            //       "delFlag": null,
-            //       "parentName": "1041",
-            //       "children": []
-            //   },
+            Statistics: {},
+            Qualitylist: [],
+            seriesmyChart5: [],
         };
     },
     created() { },
@@ -428,8 +233,6 @@ export default {
         //console.log('zhuanhuahou',this.dateRangeone) 
         // this.getdatalist(this.selectxt)
         this.selectFactorylist();
-        this.initChart1()
-
         this.gettime();
     },
     methods: {
@@ -450,235 +253,580 @@ export default {
                 if (response.data) {
                     _this.getLineList = response.data;
                     _this.selectxt = _this.getLineList[0].parentName;
+                    this.getdatalist()
+                    this.initChart1()
+                }
+            });
+        },
+        getdatalist() {
+            const _this = this;
+            getProduceStaticInfo({
+                ymdType: '统计维度',
+                typeCode: 'material',
+                factoryCode: 'ds_' + _this.selectxt,
+            }).then((response) => {
+                if (response) {
+                    _this.Statistics = response
+                    _this.equipmentinfo = response
+                    this.initChart2()
+                }
+            });
+            getProduceNoOkList({
+                typeCode: 'produce',
+                factoryCode: 'ds_' + _this.selectxt,
+            }).then((response) => {
+                if (response) {
+                    _this.Qualitylist = response
+                }
+            });
+            getCheckProjectsPie({
+                typeCode: 'produce',
+                ymdType: moment().format('DD'),
+                factoryCode: 'ds_' + _this.selectxt,
+            }).then((response) => {
+                if (response) {
+                    _this.optionDatalist2 = []
+                    response.forEach((item) => {
+                        let a = {}
+                        a.name = item.projectName
+                        a.value = item.quality
+                        _this.optionDatalist2.push(a)
+                    });
+                    this.initChart3()
                 }
             });
+
         },
         initChart1() {
             const _this = this
-            let intactRate = 0
-            let numberAngle = 180
-            if (_this.equipmentinfo.intactRate) {
-                intactRate = _this.equipmentinfo.intactRate
-                numberAngle = parseInt(_this.equipmentinfo.intactRate) * 1.8 - 180
-            }
-            var myChart1 = echarts.init(document.querySelector("#echart1"));
-            var option1 = {
-                //提示框组件。开发实际中去掉了指针，提示框可以不用设置。
+            var myChart3 = echarts.init(document.querySelector("#echart3"));
+            var option3 = {
+                grid: {
+                    left: "60",
+                    right: "10%",
+                    top: "5%",
+                    bottom: "1%",
+                    containLabel: true,
+                },
                 tooltip: {
-                    formatter: "{a} <br/>{b} : {c}%",
+                    trigger: "axis",
+                    show: true,
+                    axisPointer: {
+                        type: "none",
+                    },
+                    formatter: function (e) {
+                        return `${e[0].data.name}\n${e[0].marker}${e[0].data.value}`;
+                    },
                 },
-                grid: {
+                xAxis: {
+                    name: "数量",
+                    // max: total,
+                    splitLine: {
+                        show: false,
+                    },
+                    axisLine: {
+                        show: true,
+                    },
+                    axisLabel: {
+                        show: true,
+                    },
+                    axisTick: {
+                        show: true,
+                    },
                 },
-                //下面属性才是仪表盘的核心！！反正我是这么认为的！！！
-                series: [
+                yAxis: [
                     {
-                        //类型
-                        splitNumber: 4, //刻度数量
-                        type: "gauge",
-                        //半径
-                        radius: 60,
-                        //起始角度。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
-                        startAngle: 360,
-                        //结束角度。
-                        endAngle: 0,
-                        center: ["50%", "50%"],
-                        //仪表盘轴线相关配置。
-                        name: "内层盘",
-                        type: "gauge",
+                        type: "category",
+                        inverse: false,
+                        data: ['1', '2', '3', '4'],
                         axisLine: {
-                            lineStyle: {
-                                width: 10,
-                                color: [
-                                    [
-                                        1,
-                                        new echarts.graphic.LinearGradient(0, 0, 1, 0, [
-                                            {
-                                                offset: 0,
-                                                color: "#334046",
-                                            },
-                                            {
-                                                offset: 1,
-                                                color: "#334046",
-                                            },
-                                        ]),
-                                    ],
-                                ],
-                            },
+                            show: true,
                         },
                         axisTick: {
-                            lineStyle: {
-                                color: "#fff",
-                                width: 1,
-                            },
-                            length: 6,
-                            splitNumber: 1,
-                            show: false,
-                        },
-                        splitLine: {
                             show: false,
                         },
                         axisLabel: {
                             show: false,
                         },
-                        pointer: {
-                            show: false,
-                        },
-                        data: [
-                            {
-                                show: false,
-                                value: "0",
+                    },
+                ],
+
+                series: [
+                    {
+                        type: "pictorialBar",
+                        symbol: "rect",
+                        // symbolRepeat: "fixed",
+                        // symbolMargin: "2",
+                        // symbolClip: true,
+                        // symbolSize: [5, 20],
+                        barWidth: 20,
+                        data: [],
+                        label: {
+                            normal: {
+                                formatter: "{b}",
+                                textStyle: {
+                                    color: "#D0DEEE",
+                                    fontSize: 14,
+                                },
+                                position: "left",
+                                distance: 10, //
+                                show: true,
                             },
-                        ],
-                        detail: {
-                            show: 0,
                         },
+                        z: 10,
                     },
                     {
-                        //类型
-                        splitNumber: 4, //刻度数量
-                        type: "gauge",
-                        //半径
-                        radius: 60,
-                        //起始角度。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
-                        startAngle: 360,
-                        //结束角度。
-                        endAngle: 45,
-                        center: ["50%", "50%"],
-                        //仪表盘轴线相关配置。
-                        name: "内层盘",
-                        type: "gauge",
-                        axisLine: {
-                            lineStyle: {
-                                width: 10,
-                                color: [
-                                    [
-                                        1,
-                                        new echarts.graphic.LinearGradient(0, 0, 1, 0, [
-                                            {
-                                                offset: 0,
-                                                color: "#4789E1",
-                                            },
-                                            {
-                                                offset: 1,
-                                                color: "#4789E1",
-                                            },
-                                        ]),
-                                    ],
-                                ],
-                            },
+                        type: "bar",
+                        itemStyle: {
+                            color: "#141A27",
                         },
-                        axisTick: {
-                            lineStyle: {
-                                color: "#fff",
-                                width: 1,
+                        label: {
+                            normal: {
+                                formatter: "{b}",
+                                textStyle: {
+                                    color: "#D0DEEE",
+                                    fontSize: 14,
+                                },
+                                position: "right",
+                                distance: 10, //
+                                show: true,
                             },
-                            length: 6,
-                            splitNumber: 1,
-                            show: false,
                         },
-                        splitLine: {
+                        data: [], // value鍊�
+                        tooltip: {
                             show: false,
                         },
+                        barWidth: 30,
+                    },
+                ],
+            };
+            myChart3.setOption(option3);
+            console.log(_this.selectxt)
+            getProMonthNoOk({
+                typeCode: 'produce',
+                factoryCode: 'ds_' + _this.selectxt,
+            }).then((response) => {
+                if (response) {
+                    let numberlist = [];
+                    let dataoption = [];
+                    let totalArr = [];
+                    _this.optionDatalist3 = [];
+                    response = [{ name: "1月", code: "100", value: '100', }]
+                    if (response.length > 0) {
+                        response.forEach((item) => {
+                            let a = {};
+                            a.name = item.equName;
+                            a.value = item.monthData;
+                            a.code = item.equCode;
+                            _this.optionDatalist3.push(a);
+                            dataoption.push(a);
+                            numberlist.push(item.monthData);
+                        });
+                        dataoption.sort((a, b) => {
+                            return a.value - b.value;
+                        });
+                        let max = Math.max(...numberlist);
+                        max = max + 100;
+                        dataoption.forEach((item) => {
+                            totalArr.push(max);
+                        });
+                        option3 = {
+                            yAxis: [
+                                {
+                                    data: dataoption,
+                                },
+                            ],
+                            series: [
+                                {
+                                    data: dataoption,
+                                    itemStyle: {
+                                        normal: {
+                                            color: function (params) {
+                                                var index_num = params.value;
+
+                                                for (var i = 0; i < dataoption.length; i++) {
+                                                    //判断数据是否大于1
+                                                    if (index_num > 1131) {
+                                                        //var colorList = ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed', '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0'];
+                                                        //return colorList[params.dataIndex];
+                                                        return new echarts.graphic.LinearGradient(
+                                                            0,
+                                                            0,
+                                                            1,
+                                                            0,
+                                                            [
+                                                                { offset: 0, color: "#FFB742" },
+                                                                { offset: 1, color: "#FFB742" },
+                                                            ]
+                                                        );
+                                                    } else {
+                                                        //var colorList = ['blue'];
+                                                        //return colorList[params.dataIndex];
+                                                        return new echarts.graphic.LinearGradient(
+                                                            0,
+                                                            0,
+                                                            1,
+                                                            0,
+                                                            [
+                                                                { offset: 0, color: "#005954" },
+                                                                { offset: 1, color: "#66E1DF" },
+                                                            ]
+                                                        );
+                                                    }
+                                                }
+                                            },
+                                        },
+                                    },
+                                },
+                                {
+                                    data: totalArr,
+                                },
+                            ],
+                        };
+                        myChart3.setOption(option3);
+                    }
+                }
+            });
+            var myChart5 = echarts.init(document.querySelector("#echart5"));
+            var fontColor = '#D0DEEE';
+            var option5 = {
+                grid: {
+                    left: '2%',
+                    right: '4%',
+                    top: '15%',
+                    bottom: '2%',
+                    containLabel: true
+                },
+                tooltip: {
+                    show: true,
+                    trigger: 'item'
+                },
+                legend: {
+                    show: true,
+                    x: 'center',
+                    y: '0',
+                    icon: 'stack',
+                    itemWidth: 10,
+                    itemHeight: 10,
+                    textStyle: {
+                        color: '#D0DEEE'
+                    },
+                    // nameTextStyle:{
+                    //         color: '#D0DEEE'
+                    //     },
+                    data: ['已采纳', '已发布', '浏览量']
+                },
+                xAxis: [
+                    {
+                        type: 'category',
+                        boundaryGap: true,
                         axisLabel: {
-                            show: false,
+                            color: fontColor
                         },
-                        pointer: {
+                        axisLine: {
+                            show: true,
+                            lineStyle: {
+                                color: '#397cbc'
+                            }
+                        },
+                        axisTick: {
                             show: false,
                         },
-                        data: [
-                            {
-                                show: false,
-                                value: "0",
-                            },
-                        ],
-                        detail: {
-                            show: 0,
+                        splitLine: {
+                            show: true,
+                            lineStyle: {
+                                color: '#2B3241'
+                            }
                         },
-                    },
+                        data: []
+                    }
+                ],
+                yAxis: [
                     {
-                        //类型
-                        splitNumber: 4, //刻度数量
-                        type: "gauge",
-                        //半径
-                        radius: 40,
-                        //起始角度。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
-                        startAngle: 360,
-                        //结束角度。
-                        endAngle: 0,
-                        center: ["50%", "50%"],
-                        //仪表盘轴线相关配置。
-                        name: "内层盘",
-                        type: "gauge",
+                        type: 'value',
+                        name: '万元',
+                        nameTextStyle: {
+                            color: '#D0DEEE'
+                        },
+                        min: 0,
+                        max: 1000,
+                        axisLabel: {
+                            formatter: '{value}',
+                            textStyle: {
+                                color: '#D0DEEE'
+                            }
+                        },
                         axisLine: {
                             lineStyle: {
-                                width: 5,
-                                color: [
-                                    [
-                                        1,
-                                        new echarts.graphic.LinearGradient(0, 0, 1, 0, [
-                                            {
-                                                offset: 0.1,
-                                                color: "#334046",
-                                            },
-                                            {
-                                                offset: 0.6,
-                                                color: "#334046",
-                                            },
-                                            {
-                                                offset: 1,
-                                                color: "#334046",
-                                            },
-                                        ]),
-                                    ],
-                                ],
-                            },
+                                color: '#27b4c2'
+                            }
                         },
                         axisTick: {
+                            show: false,
+                        },
+                        splitLine: {
+                            show: true,
                             lineStyle: {
-                                color: "#334046",
-                                width: 1,
+                                color: '#2B3241'
+                            }
+                        }
+                    },
+                ],
+                series: []
+            };
+            myChart5.setOption(option5);
+            getLineDayNoOk({
+                typeCode: 'produce',
+                factoryCode: 'ds_' + _this.selectxt,
+            }).then((response) => {
+                if (response) {
+                    let seriesmyChart5 = []
+                    let dataoption = response.series;
+                    let xAxisdata = response.dayStr
+                    let yAxismax = []
+                    let yAxismaxall = 0
+                    dataoption.forEach((n) => {
+                        if (e.data) {
+                            console.log(Math.max(e.data), e.data)
+                            yAxismax.push(Math.max(...e.datax))
+                        }
+                        var item = {
+                            name: e.planktonname,
+                            data: e.data,
+                            emphasis: {
+                                focus: 'series'
                             },
-                            length: 4,
-                            splitNumber: 1,
-                            distance: 0,
+                            type: "bar",
+                            stack: e.planktonname,
+                        }
+                        seriesmyChart5.push(item);
+                    });
+                    yAxismaxall = Math.max(...yAxismax) + 5
+                    myChart5 = {
+                        xAxis: [
+                            {
+                                data: xAxisdata,
+                            },
+                        ],
+                        yAxis: [
+                            {
+                                max: yAxismaxall
+                            }
+                        ],
+                        series: seriesmyChart5
+                    };
+                    myChart5.setOption(option5);
+                }
+            });
+            var myChart6 = echarts.init(document.querySelector("#echart6"));
+            var option6 = {
+
+                grid: {
+                    left: '2%',
+                    right: '4%',
+                    top: '15%',
+                    bottom: '2%',
+                    containLabel: true
+                },
+                tooltip: {
+                    show: true,
+                    trigger: 'item'
+                },
+                legend: {
+                    show: true,
+                    x: 'center',
+                    y: '0',
+                    icon: 'stack',
+                    itemWidth: 10,
+                    itemHeight: 10,
+                    textStyle: {
+                        color: '#D0DEEE'
+                    },
+                    // nameTextStyle:{
+                    //         color: '#D0DEEE'
+                    //     },
+                    data: ['已采纳', '已发布', '浏览量']
+                },
+                xAxis: [
+                    {
+                        type: 'category',
+                        boundaryGap: true,
+                        axisLabel: {
+                            color: fontColor
+                        },
+                        axisLine: {
                             show: true,
+                            lineStyle: {
+                                color: '#397cbc'
+                            }
+                        },
+                        axisTick: {
+                            show: false,
                         },
                         splitLine: {
                             show: false,
+                            lineStyle: {
+                                color: '#2B3241'
+                            }
+                        },
+                        data: []
+                    }
+                ],
+                yAxis: [
+                    {
+                        type: 'value',
+                        name: '数量',
+                        nameTextStyle: {
+                            color: '#D0DEEE'
                         },
+                        min: 0,
+                        max: 1000,
                         axisLabel: {
-                            show: false,
+                            formatter: '{value}',
+                            textStyle: {
+                                color: '#D0DEEE'
+                            }
                         },
-                        pointer: {
+                        axisLine: {
+                            lineStyle: {
+                                color: '#27b4c2'
+                            }
+                        },
+                        axisTick: {
                             show: false,
                         },
+                        splitLine: {
+                            show: true,
+                            lineStyle: {
+                                color: '#2B3241'
+                            }
+                        }
+                    },
+                    {
+                        type: 'value',
+                        name: '比例',
+                        nameTextStyle: {
+                            color: '#D0DEEE'
+                        },
+                        min: 0,
+                        max: 100,
                         axisLabel: {
+                            formatter: '{value} %',
+                            textStyle: {
+                                color: '#D0DEEE'
+                            }
+                        },
+                        axisLine: {
+                            lineStyle: {
+                                color: '#27b4c2'
+                            }
+                        },
+                        axisTick: {
                             show: false,
                         },
-                        detail: {
+                        splitLine: {
                             show: true,
-                            valueAnimation: true,
-                            formatter: "{value}%",
-                            offsetCenter: [0, "10%"],
-                            textStyle: {
-                                color: "#fff",
-                                fontSize: 25,
-                            },
+                            lineStyle: {
+                                color: '#2B3241'
+                            }
+                        }
+                    },
+                ],
+                series: [
+                    {
+                        name: '不合格比例',
+                        type: 'line',
+                        stack: '总量',
+                        symbol: 'circle',
+                        symbolSize: 8,
+                        yAxisIndex: 1,
+                        itemStyle: {
+                            normal: {
+                                color: '#00d4c7',
+                                lineStyle: {
+                                    color: "#00d4c7",
+                                    width: 1
+                                },
 
+                            }
                         },
-                        data: [
-                            {
-                                value: 80,
-                            },
-
-                        ],
+                        data: []
                     },
+                    {
+                        name: '不合格数量',
+                        data: [],
+                        type: 'bar',
+                        showBackground: true,
+                        backgroundStyle: {
+                            color: 'rgba(180, 180, 180, 0.2)'
+                        },
+                        itemStyle: {
+                            normal: {
+                                barBorderRadius: 5,
+                                color: new echarts.graphic.LinearGradient(
+                                    0, 0, 0, 1,
+                                    [
+                                        { offset: 0, color: '#586AF2' },
+                                        { offset: 1, color: '#1C293A' }
+                                    ]
+                                )
+                            }
+                        },
+                    }
+                ]
 
-                ],
             };
-            myChart1.setOption(option1);
-            var myChart4 = echarts.init(document.querySelector("#echart4"));
-            var option4 = {
+            myChart6.setOption(option6);
+            getMonthOfYearContrast({
+                typeCode: 'produce',
+                factoryCode: 'ds_' + _this.selectxt,
+            }).then((response) => {
+                if (response) {
+                    let seriesdata1 = response[0].data
+                    let seriesdata2 = response[0].dataStr
+                    let xAxisdata = response[0].dayStr
+                    let yAxismax = Math.max(...seriesdata1) + 5
+                    option6 = {
+                        xAxis: [
+                            {
+                                data: xAxisdata,
+                            },
+                        ],
+                        yAxis: [
+                            {
+                                max: yAxismax
+                            }
+                        ],
+                        series: [
+                            {
+                                data: seriesdata2,
+                            },
+                            {
+                                data: seriesdata1,
+                            }
+                        ]
+                    };
+                    myChart6.setOption(option6);
+                }
+            });
+        },
+        initChart2() {
+            const _this = this
+            // "todayOkRate":今日合格率","monthOkRate":"当月合理率"，
+            let intactRate = 0
+            let numberAngle = 360
+            let intactRate1 = 0
+            let numberAngle2 = 360
+            if (_this.equipmentinfo.todayOkRate) {
+                intactRate = _this.equipmentinfo.todayOkRate
+                numberAngle = (100 - parseInt(_this.equipmentinfo.intactRate)) * 3.6
+            }
+            if (_this.equipmentinfo.monthOkRate) {
+                intactRate1 = _this.equipmentinfo.monthOkRate
+                numberAngle2 = (100 - parseInt(_this.equipmentinfo.monthOkRate)) * 3.6
+            }
+            var myChart1 = echarts.init(document.querySelector("#echart1"));
+            var option1 = {
                 //提示框组件。开发实际中去掉了指针，提示框可以不用设置。
                 tooltip: {
                     formatter: "{a} <br/>{b} : {c}%",
@@ -758,7 +906,7 @@ export default {
                         //起始角度。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
                         startAngle: 360,
                         //结束角度。
-                        endAngle: 45,
+                        endAngle: numberAngle,
                         center: ["50%", "50%"],
                         //仪表盘轴线相关配置。
                         name: "内层盘",
@@ -772,11 +920,11 @@ export default {
                                         new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                                             {
                                                 offset: 0,
-                                                color: "#89F7F6",
+                                                color: "#4789E1",
                                             },
                                             {
                                                 offset: 1,
-                                                color: "#89F7F6",
+                                                color: "#4789E1",
                                             },
                                         ]),
                                     ],
@@ -884,7 +1032,7 @@ export default {
                         },
                         data: [
                             {
-                                value: 80,
+                                value: intactRate,
                             },
 
                         ],
@@ -892,40 +1040,260 @@ export default {
 
                 ],
             };
-            myChart4.setOption(option4);
-            var colorList = ['#2D6ACA', '#72C6B5', '#F0D766', '#80B5F4', '#FD866A', '#9E87FF', '#58D5FF'];
-            var data = [{
-                'name': '热点网格',
-                'value': 5600
-            }, {
-                'name': '大气污染',
-                'value': 3600
-            }, {
-                'name': '水质超标',
-                'value': 1500
-            }, {
-                'name': '在线超标',
-                'value': 2000
-            }, {
-                'name': '未知',
-                'value': 899
-            }, {
-                'name': '系统对接',
-                'value': 4000
-            }, {
-                'name': '系统对接1',
-                'value': 4000
-            }, {
-                'name': '系统对接2',
-                'value': 4000
-            }, {
-                'name': '系统对接3',
-                'value': 4000
-            }, {
-                'name': '系统对接4',
-                'value': 4000
-            }]
-            var myChart2 = echarts.init(document.querySelector("#echart2"));
+            myChart1.setOption(option1);
+            var myChart4 = echarts.init(document.querySelector("#echart4"));
+            var option4 = {
+                //提示框组件。开发实际中去掉了指针，提示框可以不用设置。
+                tooltip: {
+                    formatter: "{a} <br/>{b} : {c}%",
+                },
+                grid: {
+                },
+                //下面属性才是仪表盘的核心！！反正我是这么认为的！！！
+                series: [
+                    {
+                        //类型
+                        splitNumber: 4, //刻度数量
+                        type: "gauge",
+                        //半径
+                        radius: 60,
+                        //起始角度。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
+                        startAngle: 360,
+                        //结束角度。
+                        endAngle: 0,
+                        center: ["50%", "50%"],
+                        //仪表盘轴线相关配置。
+                        name: "内层盘",
+                        type: "gauge",
+                        axisLine: {
+                            lineStyle: {
+                                width: 10,
+                                color: [
+                                    [
+                                        1,
+                                        new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                                            {
+                                                offset: 0,
+                                                color: "#334046",
+                                            },
+                                            {
+                                                offset: 1,
+                                                color: "#334046",
+                                            },
+                                        ]),
+                                    ],
+                                ],
+                            },
+                        },
+                        axisTick: {
+                            lineStyle: {
+                                color: "#fff",
+                                width: 1,
+                            },
+                            length: 6,
+                            splitNumber: 1,
+                            show: false,
+                        },
+                        splitLine: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            show: false,
+                        },
+                        pointer: {
+                            show: false,
+                        },
+                        data: [
+                            {
+                                show: false,
+                                value: "0",
+                            },
+                        ],
+                        detail: {
+                            show: 0,
+                        },
+                    },
+                    {
+                        //类型
+                        splitNumber: 4, //刻度数量
+                        type: "gauge",
+                        //半径
+                        radius: 60,
+                        //起始角度。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
+                        startAngle: 360,
+                        //结束角度。
+                        endAngle: numberAngle,
+                        center: ["50%", "50%"],
+                        //仪表盘轴线相关配置。
+                        name: "内层盘",
+                        type: "gauge",
+                        axisLine: {
+                            lineStyle: {
+                                width: 10,
+                                color: [
+                                    [
+                                        1,
+                                        new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                                            {
+                                                offset: 0,
+                                                color: "#89F7F6",
+                                            },
+                                            {
+                                                offset: 1,
+                                                color: "#89F7F6",
+                                            },
+                                        ]),
+                                    ],
+                                ],
+                            },
+                        },
+                        axisTick: {
+                            lineStyle: {
+                                color: "#fff",
+                                width: 1,
+                            },
+                            length: 6,
+                            splitNumber: 1,
+                            show: false,
+                        },
+                        splitLine: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            show: false,
+                        },
+                        pointer: {
+                            show: false,
+                        },
+                        data: [
+                            {
+                                show: false,
+                                value: "0",
+                            },
+                        ],
+                        detail: {
+                            show: 0,
+                        },
+                    },
+                    {
+                        //类型
+                        splitNumber: 4, //刻度数量
+                        type: "gauge",
+                        //半径
+                        radius: 40,
+                        //起始角度。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
+                        startAngle: 360,
+                        //结束角度。
+                        endAngle: 0,
+                        center: ["50%", "50%"],
+                        //仪表盘轴线相关配置。
+                        name: "内层盘",
+                        type: "gauge",
+                        axisLine: {
+                            lineStyle: {
+                                width: 5,
+                                color: [
+                                    [
+                                        1,
+                                        new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                                            {
+                                                offset: 0.1,
+                                                color: "#334046",
+                                            },
+                                            {
+                                                offset: 0.6,
+                                                color: "#334046",
+                                            },
+                                            {
+                                                offset: 1,
+                                                color: "#334046",
+                                            },
+                                        ]),
+                                    ],
+                                ],
+                            },
+                        },
+                        axisTick: {
+                            lineStyle: {
+                                color: "#334046",
+                                width: 1,
+                            },
+                            length: 4,
+                            splitNumber: 1,
+                            distance: 0,
+                            show: true,
+                        },
+                        splitLine: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            show: false,
+                        },
+                        pointer: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            show: false,
+                        },
+                        detail: {
+                            show: true,
+                            valueAnimation: true,
+                            formatter: "{value}%",
+                            offsetCenter: [0, "10%"],
+                            textStyle: {
+                                color: "#fff",
+                                fontSize: 25,
+                            },
+
+                        },
+                        data: [
+                            {
+                                value: intactRate,
+                            },
+
+                        ],
+                    },
+
+                ],
+            };
+            myChart4.setOption(option4);
+        },
+        initChart3() {
+            const _this = this
+            var colorList = ['#2D6ACA', '#72C6B5', '#F0D766', '#80B5F4', '#FD866A', '#9E87FF', '#58D5FF'];
+            var data = _this.optionDatalist2
+            // var data = [{
+            //     'name': '热点网格',
+            //     'value': 5600
+            // }, {
+            //     'name': '大气污染',
+            //     'value': 3600
+            // }, {
+            //     'name': '水质超标',
+            //     'value': 1500
+            // }, {
+            //     'name': '在线超标',
+            //     'value': 2000
+            // }, {
+            //     'name': '未知',
+            //     'value': 899
+            // }, {
+            //     'name': '系统对接',
+            //     'value': 4000
+            // }, {
+            //     'name': '系统对接1',
+            //     'value': 4000
+            // }, {
+            //     'name': '系统对接2',
+            //     'value': 4000
+            // }, {
+            //     'name': '系统对接3',
+            //     'value': 4000
+            // }, {
+            //     'name': '系统对接4',
+            //     'value': 4000
+            // }]
+            var myChart2 = echarts.init(document.querySelector("#echart2"));
             var option2 = {
                 //提示框组件。开发实际中去掉了指针，提示框可以不用设置。
                 tooltip: {
@@ -1053,7 +1421,6 @@ export default {
                         ],
                     },
                     {
-                        name: "标签使用频率",
                         type: "pie",
                         radius: ["44%", "63%"],
                         center: ["50%", "40%"],
@@ -1313,526 +1680,6 @@ export default {
 
             };
             myChart2.setOption(option2);
-            // getMesBoardEquProductionToday({
-            //     factory: _this.selectxt,
-            //     shiftId: _this.selectxtclasses,
-            //     ymd: _this.datetime,
-            //     equTypeCode: "equ_type_hf",
-            // }).then((response) => {
-            //     if (response) {
-            //         if (response.data) {
-            //             let numberlist = [];
-            //             let dataoption = [];
-            //             let totalArr = [];
-            //             _this.optionDatalist2 = [];
-            //             if (response.data.totalNum.length > 0) {
-            //                 _this.number2 = response.data.totalNum[0].totalNum;
-            //             }
-            //             if (response.data.everyNum.length > 0) {
-            //                 response.data.everyNum.forEach((item) => {
-            //                     let a = {};
-            //                     a.name = item.equName;
-            //                     a.value = item.totalNum;
-            //                     a.code = item.equCode;
-            //                     _this.optionDatalist2.push(a);
-            //                     dataoption.push(a);
-            //                     numberlist.push(item.totalNum);
-            //                 });
-            //                 dataoption.sort((a, b) => {
-            //                     return a.value - b.value;
-            //                 });
-            //                 let max = Math.max(...numberlist);
-            //                 max = max + 100;
-            //                 dataoption.forEach((item) => {
-            //                     totalArr.push(max);
-            //                 });
-            //                 option2 = {
-            //                     yAxis: [
-            //                         {
-            //                             data: dataoption,
-            //                         },
-            //                     ],
-            //                     series: [
-            //                         {
-            //                             data: dataoption,
-            //                             itemStyle: {
-            //                                 normal: {
-            //                                     color: function (params) {
-            //                                         var index_num = params.value;
-
-            //                                         for (var i = 0; i < dataoption.length; i++) {
-            //                                             //判断数据是否大于1
-            //                                             if (index_num > 1131) {
-            //                                                 //var colorList = ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed', '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0'];
-            //                                                 //return colorList[params.dataIndex];
-            //                                                 return new echarts.graphic.LinearGradient(
-            //                                                     0,
-            //                                                     0,
-            //                                                     1,
-            //                                                     0,
-            //                                                     [
-            //                                                         { offset: 0, color: "#FFB742" },
-            //                                                         { offset: 1, color: "#FFB742" },
-            //                                                     ]
-            //                                                 );
-            //                                             } else {
-            //                                                 //var colorList = ['blue'];
-            //                                                 //return colorList[params.dataIndex];
-            //                                                 return new echarts.graphic.LinearGradient(
-            //                                                     0,
-            //                                                     0,
-            //                                                     1,
-            //                                                     0,
-            //                                                     [
-            //                                                         { offset: 0, color: "#005954" },
-            //                                                         { offset: 1, color: "#66E1DF" },
-            //                                                     ]
-            //                                                 );
-            //                                             }
-            //                                         }
-            //                                     },
-            //                                 },
-            //                             },
-            //                         },
-            //                         {
-            //                             data: totalArr,
-            //                         },
-            //                     ],
-            //                 };
-            //                 myChart2.setOption(option2);
-            //             }
-            //         }
-            //     }
-            // });
-            var myChart3 = echarts.init(document.querySelector("#echart3"));
-            var option3 = {
-                grid: {
-                    left: "60",
-                    right: "10%",
-                    top: "5%",
-                    bottom: "1%",
-                    containLabel: true,
-                },
-                tooltip: {
-                    trigger: "axis",
-                    show: true,
-                    axisPointer: {
-                        type: "none",
-                    },
-                    formatter: function (e) {
-                        return `${e[0].data.name}\n${e[0].marker}${e[0].data.value}`;
-                    },
-                },
-                xAxis: {
-                    name: "数量",
-                    // max: total,
-                    splitLine: {
-                        show: false,
-                    },
-                    axisLine: {
-                        show: true,
-                    },
-                    axisLabel: {
-                        show: true,
-                    },
-                    axisTick: {
-                        show: true,
-                    },
-                },
-                yAxis: [
-                    {
-                        type: "category",
-                        inverse: false,
-                        data: ['1', '2', '3', '4'],
-                        axisLine: {
-                            show: true,
-                        },
-                        axisTick: {
-                            show: false,
-                        },
-                        axisLabel: {
-                            show: false,
-                        },
-                    },
-                ],
-
-                series: [
-                    {
-                        type: "pictorialBar",
-                        symbol: "rect",
-                        // symbolRepeat: "fixed",
-                        // symbolMargin: "2",
-                        // symbolClip: true,
-                        // symbolSize: [5, 20],
-                        barWidth: 20,
-                        data: ['1', '2', '3', '4'],
-                        label: {
-                            normal: {
-                                formatter: "{b}",
-                                textStyle: {
-                                    color: "#D0DEEE",
-                                    fontSize: 14,
-                                },
-                                position: "left",
-                                distance: 10, //
-                                show: true,
-                            },
-                        },
-                        z: 10,
-                    },
-                    {
-                        type: "bar",
-                        itemStyle: {
-                            color: "#141A27",
-                        },
-                        label: {
-                            normal: {
-                                formatter: "{b}",
-                                textStyle: {
-                                    color: "#D0DEEE",
-                                    fontSize: 14,
-                                },
-                                position: "right",
-                                distance: 10, //
-                                show: true,
-                            },
-                        },
-                        data: [], // value鍊�
-                        tooltip: {
-                            show: false,
-                        },
-                        barWidth: 30,
-                    },
-                ],
-            };
-            myChart3.setOption(option3);
-            // getMesBoardEquProductionToday({
-            //     factory: _this.selectxt,
-            //     shiftId: _this.selectxtclasses,
-            //     ymd: _this.datetime,
-            //     equTypeCode: "equ_type_spj",
-            // }).then((response) => {
-            //     if (response) {
-            //         if (response.data) {
-            //             let numberlist = [];
-            //             let dataoption = [];
-            //             let totalArr = [];
-            //             _this.optionDatalist3 = [];
-
-            //             if (response.data.totalNum.length > 0) {
-            //                 _this.number3 = response.data.totalNum[0].totalNum;
-            //             }
-            //             if (response.data.everyNum.length > 0) {
-            //                 response.data.everyNum.forEach((item) => {
-            //                     let a = {};
-            //                     a.name = item.equName;
-            //                     a.value = item.totalNum;
-            //                     a.code = item.equCode;
-            //                     _this.optionDatalist3.push(a);
-            //                     dataoption.push(a);
-            //                     numberlist.push(item.totalNum);
-            //                 });
-            //                 dataoption.sort((a, b) => {
-            //                     return a.value - b.value;
-            //                 });
-            //                 let max = Math.max(...numberlist);
-            //                 max = max + 100;
-            //                 dataoption.forEach((item) => {
-            //                     totalArr.push(max);
-            //                 });
-            //                 option3 = {
-            //                     yAxis: [
-            //                         {
-            //                             data: dataoption,
-            //                         },
-            //                     ],
-            //                     series: [
-            //                         {
-            //                             data: dataoption,
-            //                             itemStyle: {
-            //                                 normal: {
-            //                                     color: function (params) {
-            //                                         var index_num = params.value;
-
-            //                                         for (var i = 0; i < dataoption.length; i++) {
-            //                                             //判断数据是否大于1
-            //                                             if (index_num > 1131) {
-            //                                                 //var colorList = ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed', '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0'];
-            //                                                 //return colorList[params.dataIndex];
-            //                                                 return new echarts.graphic.LinearGradient(
-            //                                                     0,
-            //                                                     0,
-            //                                                     1,
-            //                                                     0,
-            //                                                     [
-            //                                                         { offset: 0, color: "#FFB742" },
-            //                                                         { offset: 1, color: "#FFB742" },
-            //                                                     ]
-            //                                                 );
-            //                                             } else {
-            //                                                 //var colorList = ['blue'];
-            //                                                 //return colorList[params.dataIndex];
-            //                                                 return new echarts.graphic.LinearGradient(
-            //                                                     0,
-            //                                                     0,
-            //                                                     1,
-            //                                                     0,
-            //                                                     [
-            //                                                         { offset: 0, color: "#005954" },
-            //                                                         { offset: 1, color: "#66E1DF" },
-            //                                                     ]
-            //                                                 );
-            //                                             }
-            //                                         }
-            //                                     },
-            //                                 },
-            //                             },
-            //                         },
-            //                         {
-            //                             data: totalArr,
-            //                         },
-            //                     ],
-            //                 };
-            //                 myChart3.setOption(option3);
-            //             }
-            //         }
-            //     }
-            // });
-            var myChart5 = echarts.init(document.querySelector("#echart5"));
-            var fontColor = '#D0DEEE';
-            var option5 = {
-                grid: {
-                    left: '2%',
-                    right: '4%',
-                    top: '15%',
-                    bottom: '2%',
-                    containLabel: true
-                },
-                tooltip: {
-                    show: true,
-                    trigger: 'item'
-                },
-                legend: {
-                    show: true,
-                    x: 'center',
-                    y: '0',
-                    icon: 'stack',
-                    itemWidth: 10,
-                    itemHeight: 10,
-                    textStyle: {
-                        color: '#D0DEEE'
-                    },
-                    // nameTextStyle:{
-                    //         color: '#D0DEEE'
-                    //     },
-                    data: ['已采纳', '已发布', '浏览量']
-                },
-                xAxis: [
-                    {
-                        type: 'category',
-                        boundaryGap: false,
-                        axisLabel: {
-                            color: fontColor
-                        },
-                        axisLine: {
-                            show: true,
-                            lineStyle: {
-                                color: '#397cbc'
-                            }
-                        },
-                        axisTick: {
-                            show: false,
-                        },
-                        splitLine: {
-                            show: true,
-                            lineStyle: {
-                                color: '#2B3241'
-                            }
-                        },
-                        data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-                    }
-                ],
-                yAxis: [
-                    {
-                        type: 'value',
-                        name: '信息量',
-                        nameTextStyle: {
-                            color: '#D0DEEE'
-                        },
-                        min: 0,
-                        max: 1000,
-                        axisLabel: {
-                            formatter: '{value}',
-                            textStyle: {
-                                color: '#D0DEEE'
-                            }
-                        },
-                        axisLine: {
-                            lineStyle: {
-                                color: '#27b4c2'
-                            }
-                        },
-                        axisTick: {
-                            show: false,
-                        },
-                        splitLine: {
-                            show: true,
-                            lineStyle: {
-                                color: '#2B3241'
-                            }
-                        }
-                    },
-                ],
-                series: [
-                    {
-                        name: '已发布',
-                        type: 'line',
-                        stack: '总量',
-                        symbol: 'circle',
-                        symbolSize: 8,
-
-                        itemStyle: {
-                            normal: {
-                                color: '#00d4c7',
-                                lineStyle: {
-                                    color: "#00d4c7",
-                                    width: 1
-                                },
-                                areaStyle: {
-                                    //color: '#94C9EC'
-                                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
-                                        offset: 0,
-                                        color: 'rgba(7,44,90,0.3)'
-                                    }, {
-                                        offset: 1,
-                                        color: 'rgba(0,212,199,0.9)'
-                                    }]),
-                                }
-                            }
-                        },
-                        data: [220, 182, 191, 234, 290, 330, 310, 201, 154, 190, 330, 410]
-                    },
-                ]
-            };;
-            myChart5.setOption(option5);
-            var myChart6 = echarts.init(document.querySelector("#echart6"));
-            var option6 = {
-
-                grid: {
-                    left: '2%',
-                    right: '4%',
-                    top: '15%',
-                    bottom: '2%',
-                    containLabel: true
-                },
-                tooltip: {
-                    show: true,
-                    trigger: 'item'
-                },
-                legend: {
-                    show: true,
-                    x: 'center',
-                    y: '0',
-                    icon: 'stack',
-                    itemWidth: 10,
-                    itemHeight: 10,
-                    textStyle: {
-                        color: '#D0DEEE'
-                    },
-                    // nameTextStyle:{
-                    //         color: '#D0DEEE'
-                    //     },
-                    data: ['已采纳', '已发布', '浏览量']
-                },
-                xAxis: [
-                    {
-                        type: 'category',
-                        boundaryGap: false,
-                        axisLabel: {
-                            color: fontColor
-                        },
-                        axisLine: {
-                            show: true,
-                            lineStyle: {
-                                color: '#397cbc'
-                            }
-                        },
-                        axisTick: {
-                            show: false,
-                        },
-                        splitLine: {
-                            show: true,
-                            lineStyle: {
-                                color: '#2B3241'
-                            }
-                        },
-                        data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-                    }
-                ],
-                yAxis: [
-                    {
-                        type: 'value',
-                        name: '信息量',
-                        nameTextStyle: {
-                            color: '#D0DEEE'
-                        },
-                        min: 0,
-                        max: 1000,
-                        axisLabel: {
-                            formatter: '{value}',
-                            textStyle: {
-                                color: '#D0DEEE'
-                            }
-                        },
-                        axisLine: {
-                            lineStyle: {
-                                color: '#27b4c2'
-                            }
-                        },
-                        axisTick: {
-                            show: false,
-                        },
-                        splitLine: {
-                            show: true,
-                            lineStyle: {
-                                color: '#2B3241'
-                            }
-                        }
-                    },
-                ],
-                series: [
-                    {
-                        name: '已发布',
-                        type: 'line',
-                        stack: '总量',
-                        symbol: 'circle',
-                        symbolSize: 8,
-
-                        itemStyle: {
-                            normal: {
-                                color: '#00d4c7',
-                                lineStyle: {
-                                    color: "#00d4c7",
-                                    width: 1
-                                },
-                                areaStyle: {
-                                    //color: '#94C9EC'
-                                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
-                                        offset: 0,
-                                        color: 'rgba(7,44,90,0.3)'
-                                    }, {
-                                        offset: 1,
-                                        color: 'rgba(0,212,199,0.9)'
-                                    }]),
-                                }
-                            }
-                        },
-                        data: [220, 182, 191, 234, 290, 330, 310, 201, 154, 190, 330, 410]
-                    },
-                ]
-
-            };
-            myChart6.setOption(option6);
         },
         selectline() {
             const _this = this;
@@ -1840,7 +1687,8 @@ export default {
             this.optionDatalist2 = [];
             this.optionDatalist3 = [];
             this.optionDatalist4 = [];
-            _this.getdatalist(_this.selectxt)
+            this.getdatalist()
+            this.initChart1()
         },
 
         //左侧第一个选择类型下拉框 回调函数
@@ -2319,6 +2167,7 @@ export default {
     border-radius: 8px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     background-color: #0091ff;
+    // opacity: 0.1;
 }
 </style> 
   
\ No newline at end of file
diff --git a/src/views/kanban/quality/kanban2.vue b/src/views/kanban/quality/kanban2.vue
index e69de29b..0173b72e 100644
--- a/src/views/kanban/quality/kanban2.vue
+++ b/src/views/kanban/quality/kanban2.vue
@@ -0,0 +1,1488 @@
+<template>
+    <v-scale-screen width="1920" height="1080" :fullScreen="false">
+        <div class="app-container home" style="">
+            <div class="head">
+                <div class="head-content">
+                    <div class="title">榄菊设备管理云平台</div>
+                </div>
+                <div class="head-logo">
+                    <img src="../../../assets/images/logo.png" alt="" />
+                </div>
+                <div class="back">
+                    <el-button @click="back()" type="primary" icon="el-icon-s-home"></el-button>
+                </div>
+            </div>
+            <div class="content-top">
+                <div class="factoryCode">
+                    <div class="selectborder">
+                        <select v-model="selectxt" class="select1" @change="selectline(selectxt)">
+                            <option :key="index" :value="x.parentName" v-for="(x, index) in getLineList">
+                                {{ x.deptName }}
+                            </option>
+                            <!-- <option :key="index" :value="x.seriesName" v-for="(x, index) in ceshib">{{ x.seriesName }}</option> -->
+                        </select>
+                    </div>
+                </div>
+                <div class="timebox">
+                    <div class="time">
+                        {{ gettimedata }}
+                    </div>
+                </div>
+            </div>
+            <div class="content">
+                <div class="itemtop">
+                    <div class="item-table item-table1">
+                        <div class="titlebox" style="margin-bottom: 14px;">
+                            <div class="titlename">订单异常信息</div>
+                        </div>
+                        <div class="table-tbody">
+                            <div class="item">
+                                <div class="itemname1">
+                                    <div class="img">
+                                        <img src="../../../assets/images/quality/icon-dingdan1.png" alt="">
+                                    </div>
+                                    <div class="name3" style="min-width: 101px;">
+                                        订单总数
+                                    </div>
+                                    <div class="line">
+
+                                    </div>
+                                </div>
+                                <div style="min-width: 100px;" class="itemname2">
+                                    {{ ordermessage[0].quality }}
+                                </div>
+                            </div>
+                            <div class="item">
+                                <div class="itemname1">
+                                    <div class="img">
+                                        <img src="../../../assets/images/quality/icon-dingdan2.png" alt="">
+                                    </div>
+                                    <div class="name3" style="min-width: 101px;">
+                                        异常总数
+                                    </div>
+                                    <div class="line">
+                                    </div>
+                                </div>
+                                <div style="min-width: 100px;" class="itemname3">
+                                    {{ ordermessage[1].quality }}
+                                </div>
+                            </div>
+                            <div class="item">
+                                <div class="itemname1" style="min-width: 240px;">
+                                    <div class="img">
+                                        <img src="../../../assets/images/quality/icon-dingdan3.png" alt="">
+                                    </div>
+                                    <div class="name3" style="min-width: 104px;">
+                                        合格率
+                                    </div>
+                                    <div class="line">
+
+                                    </div>
+                                </div>
+                                <div style="min-width: 100px;" class="itemname4">
+                                    {{ ordermessage[2].quality }}
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                    <div class="item-table item-table1">
+                        <div class="titlebox" style="margin-bottom: 14px;">
+                            <div class="titlename">异常原因分布</div>
+                        </div>
+                        <div id="echart2" style="margin: auto; width: 610px; height:296.4px;"></div>
+                    </div>
+                    <div class="item-table item-table1">
+                        <div class="titlebox" style="margin-bottom: 14px;">
+                            <div class="titlename">供应商产品不良率TOP5</div>
+                        </div>
+                        <div class="progress">
+                            <div class='bar' style="width: 73%;">
+
+                            </div>
+                        </div>
+                        <div id="echart3" style="margin: auto; width: 610px; height:296.4px;"></div>
+                    </div>
+                </div>
+                <div class="itembottom">
+                    <div class="item-table item-table1">
+                        <div class="titlebox2" style="margin-bottom: 14px;">
+                            <div class="titlename">订单异常明细备份</div>
+                        </div>
+                        <table class="table-thead" border="0" cellpadding="0" cellspacing="0">
+                            <thead>
+                                <tr style="height: 44px;">
+                                    <td style="width: 8%;">序号</td>
+                                    <td style="width: 8%;">异常单号</td>
+                                    <td style="width: 8%;">物料名称</td>
+                                    <td style="width: 8%;">订单号</td>
+                                    <td style="width: 8%;">来料时间</td>
+                                    <td style="width: 8%;">质检确认时间</td>
+                                    <td style="width: 8%;">质检数量</td>
+                                    <td style="width: 8%;">检验人</td>
+                                    <td style="width: 8%;">质检不合格</td>
+                                </tr>
+                            </thead>
+                        </table>
+                        <div class="table-tbody">
+                            <!-- <vue-seamless-scroll :data="getlistcx" :class-option="classOption" class="wrapscroll"> -->
+                            <table border="0" cellpadding="0" cellspacing="0">
+                                <tbody>
+                                    <tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
+                                        v-for="(n, index) in orderdetail">
+                                        <td style="width: 8%;">{{ index + 1 }}</td>
+                                        <td style="width: 8%;">{{ n.orderNo }}</td>
+                                        <td style="width: 8%;">{{ n.materialName }}</td>
+                                        <td style="width: 8%;">{{ n.orderNo }}</td>
+                                        <td style="width: 8%;">{{ n.failureRate }}</td>
+                                        <td style="width: 8%;">{{ n.incomeTime }}</td>
+                                        <td style="width: 8%;">{{ n.equipmentStatus }}</td>
+                                        <td style="width: 8%;">{{ n.checkManName }}</td>
+                                        <td style="width: 8%;">{{ n.checkName }}</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <!-- </vue-seamless-scroll> -->
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+            <!-- <div class="item"></div> -->
+            <!-- <div class="item"></div> -->
+        </div>
+    </v-scale-screen>
+</template>
+  
+<script>
+import {
+    getBoardFactory,
+    getOverallInfo,
+    getCheckProjectsPie,
+    getSupplierBadTOP5,
+    getSupplierNoOkList,
+    getSupplierTaskList,
+} from "@/api/kanban/quality";;
+import * as echarts from "echarts";
+import moment from "moment";
+// import Echarts3D from "./echarts3d.vue";
+// import Echarts3D2 from "./echarts3d2.vue";
+export default {
+    name: "Index",
+    components: {
+    },
+    data() {
+        return {
+            gettimedata: "",
+            selectxt: null,
+            selectxtclasses: null,
+            getLineList: [],
+            classesList: [],
+            number1: 0,
+            number2: 0,
+            number3: 0,
+            number4: 0,
+            nameList: [
+                "成型机一",
+                "成型机二",
+                "成型机三",
+                "成型机四",
+                "成型机五",
+                "成型机六",
+                "成型机五",
+                "成型机六",
+            ],
+            valueList: [1639, 1422, 1306, 1131, 1040, 732, 1040, 732],
+            optionDatalist1: [],
+            optionDatalist2: [],
+            optionDatalist3: [],
+            optionDatalist4: [],
+            colorlist: ["#005aff", "#f8b551"],
+            datetime: null,
+            time1: null,
+            getlist: [
+                {
+
+                },
+                {
+
+                },
+                {
+
+                },
+                {
+
+                },
+                {
+
+                },
+            ],
+            repairlist: [],
+            orderdetail: [],
+            equipmentrepairlist: [],
+            equipmentstabilizelist: [],
+            equipmentinfo: [],
+            ordermessage: [
+                {
+
+                }, {
+
+                }, {
+
+                }
+            ],
+
+        };
+    },
+    created() { },
+    destroyed() {
+        clearInterval(this.time1);
+        this.time1 = null;
+    },
+    mounted() {
+        // this.datetime = moment().subtract(2, "day").format("yyyy-MM-DD");
+        //console.log('zhuanhuahou',this.dateRangeone) 
+        // this.getdatalist(this.selectxt)
+        this.selectfactoryCodelist();
+
+        this.gettime();
+    },
+    methods: {
+        back() {
+            this.$router.push({ path: "/index" });
+        },
+        gettime() {
+            this.gettimedata = moment().format("YYYY-MM-DD HH:mm:ss ");
+            setInterval(() => {
+                this.gettimedata = moment().format("YYYY-MM-DD HH:mm:ss ");
+            }, 1000);
+        },
+        selectfactoryCodelist() {
+            const _this = this;
+            getBoardFactory({
+                factory: null,
+            }).then((response) => {
+                if (response.data) {
+                    _this.getLineList = response.data;
+                    _this.selectxt = _this.getLineList[0].parentName;
+                    _this.getdatalist()
+                }
+            });
+        },
+        getdatalist() {
+            const _this = this;
+            getOverallInfo({
+                ymdType: '统计维度',
+                typeCode: 'material',
+                factoryCode: 'ds_' + _this.selectxt,
+            }).then((response) => {
+                if (response) {
+                    _this.ordermessage = response;
+                }
+            });
+            getCheckProjectsPie({
+                ymdType: '统计维度',
+                typeCode: 'material',
+                factoryCode: 'ds_' + _this.selectxt,
+            }).then((response) => {
+                if (response) {
+                    _this.optionDatalist2 = []
+                    response.forEach((item) => {
+                        let a = {}
+                        a.name = item.projectName
+                        a.value = item.quality
+                        _this.optionDatalist2.push(a)
+                    });
+                    _this.initChart2()
+                }
+            });
+            getSupplierBadTOP5({
+                ymdType: '统计维度',
+                typeCode: 'material',
+                factoryCode: 'ds_' + _this.selectxt,
+            }).then((response) => {
+                if (response) {
+                    _this.optionDatalist3 = []
+                    let a = {}
+                    let areaName = []
+                    let eventCount = []
+                    _this.optionDatalist3 = []
+                    response.forEach((item) => {
+                        areaName.push(item.supplierName)
+                        eventCount.push(parseInt(item.quality))
+                    });
+                    a.areaName = areaName
+                    a.eventCount = eventCount
+                    _this.optionDatalist3.push(a)
+                    _this.initChart1()
+
+                }
+            });
+            this.orderdetail = []
+            getSupplierNoOkList({
+                ymdType: '统计维度',
+                typeCode: 'material',
+                factoryCode: 'ds_' + _this.selectxt,
+            }).then((response) => {
+                if (response) {
+                    this.orderdetail = response
+                    this.orderdetail.forEach((item) => {
+                        item.incomeTime = moment(item.incomeTime).format('YYYY-MM-DD HH:mm:ss')
+                    });
+                }
+            });
+        },
+        // 订单异常信息
+        initChart1() {
+            const _this = this
+            var myChart3 = echarts.init(document.querySelector("#echart3"));
+
+            var tick = "../../../static/img/icon-dingdan1.d5172b23.png";
+            console.log(tick)
+
+            // let bjlxChartData = { areaName: ['苍南县', '瓯江口', '鹿城区', '龙湾区'], eventCount: [30, 3, 3, 3] };
+            let bjlxChartData = _this.optionDatalist3[0]
+            let max = 100;
+            var maxArr = [];
+            console.log(bjlxChartData)
+            if (bjlxChartData.areaName.length > 0) {
+                for (var i = 0; i < bjlxChartData.eventCount.length; i++) {
+                    maxArr.push(max);
+                }
+                var option3 = {
+                    grid: {
+                        left: '1%',
+                        top: '5%',
+                        right: '3%',
+                        bottom: '0%',
+                        containLabel: true,
+                    },
+                    xAxis: [
+                        {
+                            show: false,
+                        },
+                    ],
+                    yAxis: [
+                        {
+                            axisTick: 'none',
+                            axisLine: 'none',
+                            inverse: true,
+                            axisLabel: {
+                                inside: true,
+                                textStyle: {
+                                    color: 'white',
+                                    fontSize: 16,
+                                    verticalAlign: 'bottom',
+                                    align: 'top',
+                                    padding: [10, 10, 15, 0],
+                                },
+                                // formatter: function (value) {
+                                //     console.log(value);
+                                //     return `{warnValue|}{value|${value}}`;
+                                // },
+                                formatter: (p, index) => {
+                                    return '{index|' + (index + 1) + '} {p|' + p + '}'
+                                },
+                                rich: {
+                                    //这里的rich，下面有解释
+                                    warnValue: {
+                                        //这里的warnValue对应上面的标签名
+                                        height: 60,
+                                        width: 80,
+                                        align: 'left',
+                                        color: 'white',
+                                        backgroundColor: {
+                                            image: tick, //这个warnImg是上面定义的图片var warnImg = "img/warn.png";
+                                        },
+                                    },
+                                    p: {
+                                        color: 'white',
+                                        fontSize: 16,
+                                    },
+                                },
+                            },
+                            data: bjlxChartData.areaName,
+                        },
+                        {
+                            axisTick: 'none',
+                            axisLine: 'none',
+                            inverse: true,
+                            axisLabel: {
+                                textStyle: {
+                                    color: 'white',
+                                    fontSize: 18,
+                                    verticalAlign: "bottom",
+                                    align: 'right',
+                                    padding: [10, 10, 15, 0],
+                                },
+                                formatter: function (value, index) {
+                                    return `{value|${value}%}`;
+                                },
+                                rich: {
+                                    value: {
+                                        align: 'right',
+                                        color: 'white',
+                                        marginLeft: 100,
+                                        fontSize: 16,
+                                    },
+                                },
+                            },
+                            data: bjlxChartData.eventCount,
+                        },
+                        {
+                            axisLine: {
+                                lineStyle: {
+                                    color: 'rgba(0,0,0,0)',
+                                },
+                            },
+                            data: [],
+                        },
+                    ],
+                    series: [
+                        {
+                            name: '条',
+                            type: 'bar',
+                            stack: '圆',
+                            yAxisIndex: 0,
+                            // data: data,
+                            data: bjlxChartData.eventCount,
+                            barWidth: 8,
+                            itemStyle: {
+                                normal: {
+                                    color: {
+                                        type: 'linear',
+                                        x: 0,
+                                        y: 0,
+                                        x2: 1,
+                                        y2: 0,
+                                        colorStops: [
+                                            {
+                                                offset: 0,
+                                                color: '#054B60', // 0% 处的颜色
+                                            },
+                                            {
+                                                offset: 1,
+                                                color: '#00FCFF', // 100% 处的颜色
+                                            },
+                                        ],
+                                    },
+                                    barBorderRadius: 10,
+                                },
+                            },
+                            z: 2,
+                        },
+                        {
+                            name: 'XXX',
+                            type: 'pictorialBar',
+                            symbol:
+                                'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABC1BMVEUA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7QA/7SO/86O/86O/86O/86O/86O/86O/86O/86O/86O/86O/86O/86O/86O/86O/86O/86O/86O/86O/85K/8IT/7gM/7YP/7cs/7wB/7QH/7Vl/8cZ/7kA/7QH/7WJ/80C/7Qk/7st/7wM/7aO/84g/7oI/7Y8/78N/7aO/84E/7UA/7Q1/76O/84q/7wB/7QN/7Yp/7wD/7UB/7QR/7ct/7wa/7kg/7pr/8iO/86O/86O/86O/84A/7QAAAAmnbE7AAAAV3RSTlMAAwsQFBcYFhINBgkaDgIHGREFDwEKBAwIFRMHDRETEg8KAgsXGhkQAxUJBRgELnSThkT0riNl/rIb4U5CkhRUpTeIBs77OwFH9opI1PF6Q2NTIQgWDA6QHRcgAAAAAWJLR0RY7bXEjgAAAAd0SU1FB+ULEBQKJQdQcX4AAAITSURBVDjLbVRnY5swEBVmCMxhC2MgdrwdPJK46d5N2roJ3Stt/f//SXUnbFbeF3THk+54pwdjBWgN3TAtk9tOk90N14AcpteqM9ocQPiNptbSOm6AgdMtM7o6AA8LyaYtE1GR0jJAxJVtTQ7iqEDpgdmpVe/6RVIfuKZWx4PhaDyZzlQUgNhvdcBUlPlJorBYrijhA1cdRAJIjtU6ybE4pXIcPOLYEODj7DwpYUCNg8ASHRAo1+okqeBUVQuoMTpmVKUkiw2dYMmOLMDej7MX9y7uP3iYrce4twdtFoFZOObi0U7i8RMV4cd5smsXfLmaqeTTZzvCcxXOcY7Ql+I4h1IvXu4yvKJ4iPdF1gmgIVdTyr3eU3ZvKL5EiUAwHUJUmHJXB85bitfYKUDpnHcHznuKRzhvsGQ/qPZWNfkho1zfULjESQGX32XLVbqg5MdPivM5Vxrfa/IsiaHKfvkqGd++Z0KnNAb53VwKydhmP4EfP3/9zpYT3GzipXBIRDapzet8RhLiGDQBeLfTy+pIt7jVgBgfulQbx7EuU27JczR2qYBFErF0WaD8OSPjWqQwkYXy7na8Z8xTuqqGKqHuv5UZfHb7999gusnMI/2SO1o6Kaz5K+qBVXRqAGBrZQfGomJmFgoQeu7VVmwC+BV3M83HP4oeu2039PAvw49YHZFnHX4/wr6LQeg0Ar/v63G7VOU/Y9Ve2lDCOJ4AAAAASUVORK5CYII=',
+                            symbolSize: [40, 40],
+                            symbolPosition: 'end',
+                            symbolOffset: [20, 0],
+                            z: 12,
+                            itemStyle: {
+                                normal: {
+                                    color: '#fff',
+                                },
+                            },
+                            data: bjlxChartData.eventCount,
+                        },
+                        {
+                            name: '背景',
+                            type: 'bar',
+                            barWidth: 8,
+                            barGap: '-100%',
+                            data: maxArr,
+                            itemStyle: {
+                                normal: {
+                                    color: 'rgba(28, 128, 213, 0.19)',
+
+                                    barBorderRadius: 5,
+                                },
+                            },
+                        },
+                    ],
+                };
+                myChart3.setOption(option3);
+            }
+
+
+        },
+        initChart2() {
+            const _this = this
+            // var data = [{
+            //     'name': '热点网格',
+            //     'value': 5600
+            // }, {
+            //     'name': '大气污染',
+            //     'value': 3600
+            // }, {
+            //     'name': '水质超标',
+            //     'value': 1500
+            // }, {
+            //     'name': '在线超标',
+            //     'value': 2000
+            // }, {
+            //     'name': '未知',
+            //     'value': 899
+            // }, {
+            //     'name': '系统对接',
+            //     'value': 4000
+            // }, {
+            //     'name': '系统对接1',
+            //     'value': 4000
+            // }, {
+            //     'name': '系统对接2',
+            //     'value': 4000
+            // }, {
+            //     'name': '系统对接3',
+            //     'value': 4000
+            // }, {
+            //     'name': '系统对接4',
+            //     'value': 4000
+            // }, {
+            //     'name': '系统对接5',
+            //     'value': 4000
+            // }, {
+            //     'name': '系统对接6',
+            //     'value': 4000
+            // }, {
+            //     'name': '系统对接7',
+            //     'value': 4000
+            // }, {
+            //     'name': '系统对接8',
+            //     'value': 4000
+            // }]
+            var data = _this.optionDatalist2
+            var myChart2 = echarts.init(document.querySelector("#echart2"));
+            var option2 = {
+                //提示框组件。开发实际中去掉了指针，提示框可以不用设置。
+                tooltip: {
+                    trigger: 'item'
+                },
+                grid: {
+                    top: '60',
+                },
+                legend: {
+                    bottom: '10',
+                    //  itemGap: 40,
+                    orient: "vartical",
+                    icon: 'pin',
+                    top: "center",
+                    right: "50",
+                    textStyle: {
+                        rich: {
+                            a: {
+                                color: '#FFFFFF',
+                                width: 30,
+                                fontSize: 13,
+                            },
+                            b: {
+                                color: '#FFFFFF',
+                                fontSize: 13,
+                            },
+                            b0: {
+                                color: '#73DDFF',
+                                fontSize: 20,
+                            },
+                        }
+                    },
+                    formatter: function (name) {
+                        var target;
+                        for (var i = 0, l = data.length; i < l; i++) {
+                            if (data[i].name == name) {
+                                target = data[i].value;
+                                console.log(target)
+                            }
+                        }
+                        return `{a|${name}}\n{b|${target}}`
+                    }
+                },
+                //下面属性才是仪表盘的核心！！反正我是这么认为的！！！
+                series: [
+                    {
+                        //类型
+                        splitNumber: 4, //刻度数量
+                        type: "gauge",
+                        //半径
+                        radius: 150,
+                        //起始角度。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
+                        startAngle: 360,
+                        //结束角度。
+                        endAngle: 0,
+                        center: ["30%", "50%"],
+                        //仪表盘轴线相关配置。
+                        type: "gauge",
+                        axisLine: {
+                            lineStyle: {
+                                width: 50,
+                                color: [
+                                    [
+                                        1,
+                                        new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                                            {
+                                                offset: 0.1,
+                                                color: "#1C2738",
+                                            },
+                                            {
+                                                offset: 0.6,
+                                                color: "#1C2738",
+                                            },
+                                            {
+                                                offset: 1,
+                                                color: "#1C2738",
+                                            },
+                                        ]),
+                                    ],
+                                ],
+                            },
+                        },
+                        axisTick: {
+                            lineStyle: {
+                                color: "#070E19",
+                                width: 3,
+                            },
+                            length: 50,
+                            splitNumber: 2,
+                            distance: -50,
+                            show: true,
+                        },
+                        splitLine: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            show: false,
+                        },
+                        pointer: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            show: false,
+                        },
+                        detail: {
+                            show: false,
+                            valueAnimation: true,
+                            formatter: "{value}%",
+                            offsetCenter: [0, "10%"],
+                            textStyle: {
+                                color: "#fff",
+                                fontSize: 25,
+                            },
+
+                        },
+                        data: [
+                            {
+                                value: 80,
+                                show: false,
+                            },
+
+                        ],
+                    },
+                    {
+                        // name: "标签使用频率",
+                        type: "pie",
+                        radius: ["60%", "90%"],
+                        center: ["30%", "50%"],
+                        roseType: "radius",
+                        // itemStyle: {
+                        //     normal: {
+                        //         color: function (params) {
+                        //             return colorList[params.dataIndex]
+                        //         }
+                        //     }
+                        // },
+                        label: {
+                            show: false
+                        },
+                        emphasis: {
+                            label: {
+                                show: false
+                            }
+                        },
+                        data: data,
+                    },
+                    {
+                        //类型
+                        splitNumber: 4, //刻度数量
+                        type: "gauge",
+                        //半径
+                        radius: 140,
+                        //起始角度。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
+                        startAngle: 360,
+                        //结束角度。
+                        endAngle: 0,
+                        center: ["30%", "50%"],
+                        //仪表盘轴线相关配置。
+                        type: "gauge",
+                        axisLine: {
+                            lineStyle: {
+                                width: 1,
+                                color: [
+                                    [
+                                        1,
+                                        new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                                            {
+                                                offset: 0.1,
+                                                color: "#619e9d",
+                                            },
+                                            {
+                                                offset: 0.6,
+                                                color: "#619e9d",
+                                            },
+                                            {
+                                                offset: 1,
+                                                color: "#619e9d",
+                                            },
+                                        ]),
+                                    ],
+                                ],
+                            },
+                        },
+                        axisTick: {
+                            lineStyle: {
+                                color: "#070E19",
+                                width: 3,
+                            },
+                            length: 50,
+                            splitNumber: 2,
+                            distance: -50,
+                            show: false,
+                        },
+                        splitLine: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            show: false,
+                        },
+                        pointer: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            show: false,
+                        },
+                        detail: {
+                            show: false,
+                            valueAnimation: true,
+                            formatter: "{value}%",
+                            offsetCenter: [0, "10%"],
+                            textStyle: {
+                                color: "#fff",
+                                fontSize: 25,
+                            },
+
+                        },
+                        data: [
+                            {
+                                value: 80,
+                                show: false,
+                            },
+
+                        ],
+                    },
+                    {
+                        //类型
+                        splitNumber: 4, //刻度数量
+                        type: "gauge",
+                        //半径
+                        radius: 80,
+                        //起始角度。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
+                        startAngle: 360,
+                        //结束角度。
+                        endAngle: 0,
+                        center: ["30%", "50%"],
+                        //仪表盘轴线相关配置。
+                        type: "gauge",
+                        axisLine: {
+                            lineStyle: {
+                                width: 1,
+                                color: [
+                                    [
+                                        1,
+                                        new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                                            {
+                                                offset: 0.1,
+                                                color: "#619e9d",
+                                            },
+                                            {
+                                                offset: 0.6,
+                                                color: "#619e9d",
+                                            },
+                                            {
+                                                offset: 1,
+                                                color: "#619e9d",
+                                            },
+                                        ]),
+                                    ],
+                                ],
+                            },
+                        },
+                        axisTick: {
+                            lineStyle: {
+                                color: "#070E19",
+                                width: 3,
+                            },
+                            length: 50,
+                            splitNumber: 2,
+                            distance: -50,
+                            show: false,
+                        },
+                        splitLine: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            show: false,
+                        },
+                        pointer: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            show: false,
+                        },
+                        detail: {
+                            show: false,
+                            valueAnimation: true,
+                            formatter: "{value}%",
+                            offsetCenter: [0, "10%"],
+                            textStyle: {
+                                color: "#fff",
+                                fontSize: 25,
+                            },
+
+                        },
+                        data: [
+                            {
+                                value: 80,
+                                show: false,
+                            },
+
+                        ],
+                    },
+                    {
+                        //类型
+                        splitNumber: 4, //刻度数量
+                        type: "gauge",
+                        //半径
+                        radius: 60,
+                        //起始角度。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
+                        startAngle: 360,
+                        //结束角度。
+                        endAngle: 0,
+                        center: ["30%", "50%"],
+                        //仪表盘轴线相关配置。
+                        type: "gauge",
+                        axisLine: {
+                            lineStyle: {
+                                width: 1,
+                                color: [
+                                    [
+                                        1,
+                                        new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                                            {
+                                                offset: 0.1,
+                                                color: "#619e9d",
+                                            },
+                                            {
+                                                offset: 0.6,
+                                                color: "#619e9d",
+                                            },
+                                            {
+                                                offset: 1,
+                                                color: "#619e9d",
+                                            },
+                                        ]),
+                                    ],
+                                ],
+                            },
+                        },
+                        axisTick: {
+                            lineStyle: {
+                                color: "#070E19",
+                                width: 3,
+                            },
+                            length: 50,
+                            splitNumber: 2,
+                            distance: -50,
+                            show: false,
+                        },
+                        splitLine: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            show: false,
+                        },
+                        pointer: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            show: false,
+                        },
+                        detail: {
+                            show: false,
+                            valueAnimation: true,
+                            formatter: "{value}%",
+                            offsetCenter: [0, "10%"],
+                            textStyle: {
+                                color: "#fff",
+                                fontSize: 25,
+                            },
+
+                        },
+                        data: [
+                            {
+                                value: 80,
+                                show: false,
+                            },
+
+                        ],
+                    },
+                ],
+
+            };
+            myChart2.setOption(option2);
+        },
+        selectline() {
+            const _this = this;
+            this.optionDatalist1 = [];
+            this.optionDatalist2 = [];
+            this.optionDatalist3 = [];
+            this.optionDatalist4 = [];
+            _this.getdatalist(_this.selectxt)
+        },
+
+        //左侧第一个选择类型下拉框 回调函数
+    },
+};
+</script>
+<style lang="scss" scoped>
+.app-container {
+    padding: 0px 24px;
+}
+
+.home {
+    width: 100%;
+    height: 100vh;
+    background: url("../../../assets/images/bg-body.png") no-repeat;
+    background-size: 100% 100%;
+    background-color: #050711;
+
+    .head {
+        width: 100%;
+        height: 74px;
+        position: relative;
+
+        .head-content {
+            height: 74px;
+            background-image: url("../../../assets/images/bg-head.png");
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            text-align: center;
+
+            .title {
+                font-size: 42px;
+                font-weight: 400;
+                color: #ffffff;
+            }
+        }
+
+        .head-logo {
+            position: absolute;
+            left: 0px;
+            top: 1px;
+
+            img {
+                height: 38px;
+                // width: ;
+            }
+        }
+
+        .back {
+            position: absolute;
+            right: 0px;
+            top: 5px;
+        }
+    }
+
+    .content-top {
+        display: flex;
+        justify-content: space-between;
+        position: relative;
+
+        .factoryCode {
+            width: 540px;
+            height: 60px;
+            background: url("../../../assets/images/bg- border1.png") no-repeat;
+            background-size: 100% 100%;
+            text-align: center;
+            position: absolute;
+            top: -17px;
+            left: 0px;
+        }
+
+        .timebox {
+            width: 480px;
+            height: 60px;
+            background: url("../../../assets/images/bg-border2.png") no-repeat;
+            background-size: 100% 100%;
+            text-align: center;
+            position: absolute;
+            top: -17px;
+            right: 0px;
+
+            .time {
+                font-size: 30px;
+                font-weight: 400;
+                color: #ffffff;
+                line-height: 71px;
+            }
+        }
+    }
+
+    .content {
+        margin-top: 63px;
+
+        .itemtop {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+
+            .item-table {
+                width: 610px;
+                height: 402px;
+                background: url('../../../assets/images/equipment/bg-border1.png') no-repeat;
+                background-size: 100% 100%;
+                padding: 27px 21px 30px 25px;
+                box-sizing: border-box;
+                box-sizing: border-box;
+
+                .equipmentinfobox {
+                    margin-top: 27px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-around;
+
+                    .box {
+                        width: 128px;
+                        height: 96px;
+                        background: url('../../../assets/images/equipment/number.png') no-repeat;
+                        background-size: 100% 100%;
+                        text-align: center;
+                        padding-top: 30px;
+                        box-sizing: border-box;
+
+                        .number {
+                            .number1 {
+                                font-size: 30px;
+                                font-weight: 500;
+                                color: #66FFFF;
+                                line-height: 10px;
+                            }
+                        }
+
+                        .name2 {
+                            margin-top: 3px;
+                            font-size: 16px;
+                            font-weight: bold;
+                            color: #FFFFFF;
+                        }
+                    }
+                }
+
+                .equipmentinfobox1 {
+                    margin-top: 22px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+
+                    .box {
+                        width: 199px;
+                        height: 96px;
+                        background: url('../../../assets/images/equipment/number.png') no-repeat;
+                        background-size: 100% 100%;
+                        text-align: center;
+                        padding-top: 30px;
+                        box-sizing: border-box;
+
+                        .number {
+                            .number1 {
+                                font-size: 30px;
+                                font-weight: 500;
+                                color: #66FFFF;
+                                line-height: 10px;
+                            }
+                        }
+
+                        .name2 {
+                            margin-top: 3px;
+                            font-size: 16px;
+                            font-weight: bold;
+                            color: #FFFFFF;
+                        }
+                    }
+
+                }
+
+                .table-tbody {
+                    .item {
+                        width: 548px;
+                        height: 90px;
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-around;
+                        padding-left: 15px;
+                        padding-right: 10px;
+                        margin-bottom: 14px;
+                        position: relative;
+                        background: url('../../../assets/images/quality/bg-dingdan.png');
+                        background-size: 100% 100%;
+
+                        .icon {
+                            position: absolute;
+                            transform: rotate(45deg);
+                            top: -2px;
+                            left: 0px;
+                            width: 0;
+                            height: 0;
+                            border-right: 6px solid #3BE8FF;
+                            border-top: 6px solid transparent;
+                            border-bottom: 6px solid transparent;
+                        }
+
+                        .itemname1 {
+                            display: flex;
+                            align-items: center;
+
+                            .img {
+                                width: 65px;
+                                height: 99px;
+                            }
+
+                            .name3 {
+                                font-size: 26px;
+                                color: #fff;
+                                margin-left: 48px;
+                                margin-right: 38px;
+                            }
+
+                            .line {
+                                border: 1px solid #3D435B;
+                                height: 40px;
+                            }
+                        }
+
+                        .itemname2 {
+                            font-size: 36px;
+                            color: #66FFFF;
+                        }
+
+                        .itemname3 {
+                            font-size: 36px;
+                            color: #FF4D4F;
+                        }
+
+                        .itemname4 {
+                            font-size: 36px;
+                            color: #F1D34C;
+                        }
+                    }
+                }
+
+                .bigechartbox {
+                    display: flex;
+                    position: relative;
+
+                    .title1 {
+                        font-size: 18px;
+                        font-weight: 400;
+                        color: #99B3C8;
+                        position: absolute;
+                        bottom: -26px;
+                        left: 52px;
+                    }
+
+                    .title2 {
+                        position: absolute;
+                        font-size: 18px;
+                        font-weight: 400;
+                        color: #99B3C8;
+                        bottom: -26px;
+                        right: 58px;
+                    }
+                }
+
+
+            }
+        }
+
+        .itembottom {
+            margin-top: 19px;
+            display: flex;
+            justify-content: space-around;
+
+            .item-table {
+                width: 1877px;
+                height: 485px;
+                background: url('../../../assets/images/equipment/bg-border1.png') no-repeat;
+                background-size: 100% 100%;
+                padding: 27px 21px 30px 25px;
+                box-sizing: border-box;
+                box-sizing: border-box;
+
+                .table-thead {
+                    width: 100%;
+                    height: 44px;
+                    margin: auto;
+                    background: #0A1A33;
+
+                    td {
+                        font-size: 19px;
+                        font-family: NotoSansHans-Medium, NotoSansHans;
+                        font-weight: 500;
+                        color: #159AFF;
+                        text-align: center;
+                        white-space: nowrap;
+                    }
+                }
+
+                .table-tbody {
+                    height: 336px;
+                    // width: 1775px;
+                    margin: auto;
+                    overflow-y: scroll;
+
+                    table {
+                        width: 100%;
+
+                        tbody {
+                            width: 100%;
+
+                            td {
+                                font-size: 19px;
+                                font-family: NotoSansHans-Medium, NotoSansHans;
+                                font-weight: 500;
+                                color: #FFFFFF;
+                                text-align: center;
+                                border-bottom: 1px dashed #6C8097
+                            }
+                        }
+                    }
+                }
+            }
+
+            .item-table1:first-child {
+                margin-right: 10px;
+            }
+
+            .item-table1 {
+                flex: 1;
+                margin-top: 20px;
+                padding-top: 19px;
+
+                // .table-thead {
+                //   width: 565.01px;
+                // }
+
+                .table-tbody {
+                    height: 336px;
+                }
+            }
+        }
+    }
+}
+
+.titlebox {
+    width: 431px;
+    height: 38px;
+    background: url("../../../assets/images/bg-title.png") no-repeat;
+    background-size: 100% 100%;
+    //   text-align: center;
+    font-size: 20px;
+    font-weight: bold;
+    color: #ffffff;
+    line-height: 38px;
+    letter-spacing: 2px;
+    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
+    padding-left: 60px;
+    //   .titlename{
+    //     position: relative;
+    //     left: 24px;
+    //   }
+}
+
+.titlebox2 {
+    margin: auto;
+    width: 542px;
+    height: 41px;
+    background: url("../../../assets/images/quality/bg-border2title.png") no-repeat;
+    background-size: 100% 100%;
+    text-align: center;
+    font-size: 20px;
+    font-weight: bold;
+    color: #ffffff;
+    line-height: 41px;
+    letter-spacing: 2px;
+    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
+    //   .titlename{
+    //     position: relative;
+    //     left: 24px;
+    //   }
+}
+
+.factoryCode {
+    display: flex;
+    // justify-content: space-around;
+}
+
+.selectborder {
+    background-color: transparent;
+    border-radius: 4px;
+    // border: 2px solid #27408c;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    width: 350px;
+    margin-left: 50px;
+}
+
+.selectborder1 {
+    background-color: transparent;
+    border-radius: 4px;
+    // border: 2px solid #27408c;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    width: 88px;
+    margin-left: 25px;
+}
+
+.selectborder select {
+    /*清除select的边框样式*/
+    border: none;
+    /*清除select聚焦时候的边框颜色*/
+    outline: none;
+    background-color: transparent;
+    /*将select的宽高等于div的宽高*/
+    width: 100%;
+    height: 50px;
+    /*隐藏select的下拉图标*/
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    font-size: 25px;
+    font-weight: 400;
+    color: #ffffff;
+    line-height: 42px;
+}
+
+.selectborder option {
+    /*清除select的边框样式*/
+    border: none;
+    /*清除select聚焦时候的边框颜色*/
+    outline: none;
+    background-color: transparent;
+    /*将select的宽高等于div的宽高*/
+    width: 100%;
+    height: 50px;
+    /*隐藏select的下拉图标*/
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    padding-left: 20px;
+    font-size: 25px;
+    font-weight: 500;
+    color: #3fa2ff;
+    border-radius: 0%;
+}
+
+.selectborder1 option {
+    /*清除select的边框样式*/
+    border: none;
+    /*清除select聚焦时候的边框颜色*/
+    outline: none;
+    background-color: transparent;
+    /*将select的宽高等于div的宽高*/
+    width: 200px;
+    height: 50px;
+    /*隐藏select的下拉图标*/
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    padding-left: 20px;
+    font-size: 25px;
+    font-weight: 500;
+    color: #3fa2ff;
+    border-radius: 0%;
+}
+
+.selectborder:after {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url(../../../assets/images/xiala.png) no-repeat center;
+    /*通过定位将图标放在合适的位置*/
+    position: absolute;
+    right: 0px;
+    top: 25%;
+    /*给自定义的图标实现点击下来功能*/
+    pointer-events: none;
+}
+
+.selectborder1:after {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url(../../../assets/images/xiala.png) no-repeat center;
+    /*通过定位将图标放在合适的位置*/
+    position: absolute;
+    right: 0px;
+    top: 25%;
+    /*给自定义的图标实现点击下来功能*/
+    pointer-events: none;
+}
+
+::v-deep .el-button--primary {
+    color: #ffffff;
+    background-color: #325e82;
+    border-color: #0a0f19;
+}
+
+.active1 {
+    background: url('../../../assets/images/quality/bgtable.png');
+}
+
+.active2 {}
+
+::-webkit-scrollbar {
+    width: 3px;
+    height: 0px;
+    background-color: #0c0642;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    border-radius: 8px;
+    background-color: #07356a;
+}
+
+/*定义滑块 内阴影+圆角*/
+::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    background-color: #0091ff;
+    // opacity: 0.1;
+}
+
+.progress {
+    width: 100px;
+    background-color: rgba(15, 182, 217, 0.3);
+    border-radius: 10px;
+
+    .bar {
+        background: linear-gradient(90deg, rgba(15, 182, 217, 1), rgba(1, 255, 255, 1));
+        border-radius: 10px;
+    }
+}
+</style> 
+  
\ No newline at end of file
diff --git a/src/views/kanban/quality/kanban3.vue b/src/views/kanban/quality/kanban3.vue
index e69de29b..c62c379c 100644
--- a/src/views/kanban/quality/kanban3.vue
+++ b/src/views/kanban/quality/kanban3.vue
@@ -0,0 +1,614 @@
+<template>
+    <v-scale-screen width="1920" height="1080" :fullScreen="false">
+        <div class="app-container home" style="">
+            <div class="head">
+                <div class="head-content">
+                    <div class="title">榄菊设备管理云平台</div>
+                </div>
+                <div class="head-logo">
+                    <img src="../../../assets/images/logo.png" alt="" />
+                </div>
+                <div class="back">
+                    <el-button @click="back()" type="primary" icon="el-icon-s-home"></el-button>
+                </div>
+            </div>
+            <div class="content-top">
+                <div class="factoryCode">
+                    <div class="selectborder">
+                        <select v-model="selectxt" class="select1" @change="selectline(selectxt)">
+                            <option :key="index" :value="x.parentName" v-for="(x, index) in getLineList">
+                                {{ x.deptName }}
+                            </option>
+                            <!-- <option :key="index" :value="x.seriesName" v-for="(x, index) in ceshib">{{ x.seriesName }}</option> -->
+                        </select>
+                    </div>
+                </div>
+                <div class="timebox">
+                    <div class="time">
+                        {{ gettimedata }}
+                    </div>
+                </div>
+            </div>
+            <div class="content">
+                <div class="itembottom">
+                    <div class="item-table item-table1">
+                        <div class="titlebox2" style="margin-bottom: 14px;">
+                            <div class="titlename">检验及时性详情</div>
+                        </div>
+                        <table class="table-thead" border="0" cellpadding="0" cellspacing="0">
+                            <thead>
+                                <tr style="height: 44px;">
+                                    <td style="width: 8%;">序号</td>
+                                    <td style="width: 8%;">检验编号</td>
+                                    <td style="width: 8%;">检验阶段</td>
+                                    <td style="width: 8%;">检验时间</td>
+                                    <td style="width: 8%;">物料来源</td>
+                                    <td style="width: 8%;">物料名称</td>
+                                    <td style="width: 8%;">检验人</td>
+                                    <td style="width: 8%;">检验状态</td>
+                                </tr>
+                            </thead>
+                        </table>
+                        <div class="table-tbody">
+                            <!-- <vue-seamless-scroll :data="Inspectiondetails" :class-option="classOption" class="wrapscroll"> -->
+                            <table border="0" cellpadding="0" cellspacing="0">
+                                <tbody>
+                                    <tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
+                                        v-for="(n, index) in Inspectiondetails">
+                                        <td style="width: 8%;">{{ index + 1 }}</td>
+                                        <td style="width: 8%;">{{ n.checkNo }}</td>
+                                        <td style="width: 8%;">{{ n.checkName }}</td>
+                                        <td style="width: 8%;">{{ n.incomeTime }}</td>
+                                        <td style="width: 8%;">{{ n.supplierName }}</td>
+                                        <td style="width: 8%;">{{ n.materialName }}</td>
+                                        <td style="width: 8%;">{{ n.checkManName }}</td>
+                                        <td style="width: 8%;" :class="[n.checkStatus == 1 ? 'color1' : 'color2']">{{
+                                            n.checkStatus }}</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <!-- </vue-seamless-scroll> -->
+                        </div>
+                    </div>
+                    <div class="item-table item-table1">
+                        <div class="titlebox2" style="margin-bottom: 14px;">
+                            <div class="titlename">检验实时详情</div>
+                        </div>
+                        <table class="table-thead" border="0" cellpadding="0" cellspacing="0">
+                            <thead>
+                                <tr style="height: 44px;">
+                                    <td style="width: 8%;">序号</td>
+                                    <td style="width: 8%;">检验编号</td>
+                                    <td style="width: 8%;">检验阶段</td>
+                                    <td style="width: 8%;">检验时间</td>
+                                    <td style="width: 8%;">物料来源</td>
+                                    <td style="width: 8%;">物料名称</td>
+                                    <td style="width: 8%;">检验人</td>
+                                    <td style="width: 8%;">检验状态</td>
+                                </tr>
+                            </thead>
+                        </table>
+                        <div class="table-tbody">
+                            <!-- <vue-seamless-scroll :data="Inspectiondetails" :class-option="classOption" class="wrapscroll"> -->
+                            <table border="0" cellpadding="0" cellspacing="0">
+                                <tbody>
+                                    <tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
+                                        v-for="(n, index) in Inspectiondetails1">
+                                        <td style="width: 8%;">{{ index + 1 }}</td>
+                                        <td style="width: 8%;">{{ n.checkNo }}</td>
+                                        <td style="width: 8%;">{{ n.checkName }}</td>
+                                        <td style="width: 8%;">{{ n.incomeTime }}</td>
+                                        <td style="width: 8%;">{{ n.supplierName }}</td>
+                                        <td style="width: 8%;">{{ n.materialName }}</td>
+                                        <td style="width: 8%;">{{ n.checkManName }}</td>
+                                        <td style="width: 8%;" :class="[n.checkStatus == 1 ? 'color1' : 'color2']">{{
+                                            n.checkStatus }}</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <!-- </vue-seamless-scroll> -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- <div class="item"></div> -->
+            <!-- <div class="item"></div> -->
+        </div>
+    </v-scale-screen>
+</template>
+  
+<script>
+import {
+    getBoardFactory,
+    getSupplierNoOkList,
+} from "@/api/kanban/quality";;
+import * as echarts from "echarts";
+import moment from "moment";
+// import Echarts3D from "./echarts3d.vue";
+// import Echarts3D2 from "./echarts3d2.vue";
+export default {
+    name: "Index",
+    components: {
+    },
+    data() {
+        return {
+            gettimedata: "",
+            selectxt: null,
+            selectxtclasses: null,
+            getLineList: [],
+            classesList: [],
+            number1: 0,
+            number2: 0,
+            number3: 0,
+            number4: 0,
+            nameList: [
+                "成型机一",
+                "成型机二",
+                "成型机三",
+                "成型机四",
+                "成型机五",
+                "成型机六",
+                "成型机五",
+                "成型机六",
+            ],
+
+            valueList: [1639, 1422, 1306, 1131, 1040, 732, 1040, 732],
+            optionDatalist1: [],
+            optionDatalist2: [],
+            optionDatalist3: [],
+            optionDatalist4: [],
+            colorlist: ["#005aff", "#f8b551"],
+            datetime: null,
+            time1: null,
+            repairlist: [],
+            Inspectiondetails: [],
+            Inspectiondetails1: [],
+            equipmentrepairlist: [],
+            equipmentstabilizelist: [],
+            equipmentinfo: [],
+
+        };
+    },
+    created() { },
+    destroyed() {
+        clearInterval(this.time1);
+        this.time1 = null;
+    },
+    mounted() {
+        // this.datetime = moment().subtract(2, "day").format("yyyy-MM-DD");
+        //console.log('zhuanhuahou',this.dateRangeone) 
+        // this.getdatalist(this.selectxt)
+        this.selectfactoryCodelist();
+        this.gettime();
+    },
+    methods: {
+        back() {
+            this.$router.push({ path: "/index" });
+        },
+        gettime() {
+            this.gettimedata = moment().format("YYYY-MM-DD HH:mm:ss ");
+            setInterval(() => {
+                this.gettimedata = moment().format("YYYY-MM-DD HH:mm:ss ");
+            }, 1000);
+        },
+        selectfactoryCodelist() {
+            const _this = this;
+            getBoardFactory({
+                factory: null,
+            }).then((response) => {
+                if (response.data) {
+                    _this.getLineList = response.data;
+                    _this.selectxt = _this.getLineList[0].parentName;
+                    _this.getSupplierNoOkList(_this.selectxt)
+                }
+            });
+        },
+        getSupplierNoOkList() {
+            const _this = this;
+            this.Inspectiondetails = []
+            getSupplierNoOkList({
+                ymdType: '统计维度',
+                typeCode: 'material',
+                factoryCode: 'ds_' + _this.selectxt,
+            }).then((response) => {
+                if (response) {
+                    this.Inspectiondetails = response
+                    this.Inspectiondetails.forEach((item) => {
+                        item.incomeTime = moment(item.incomeTime).format('YYYY-MM-DD HH:mm:ss')
+                    });
+                }
+            });
+            getSupplierNoOkList({
+                ymdType: 'dd',
+                typeCode: 'produce',
+                factoryCode: 'ds_' + _this.selectxt,
+            }).then((response) => {
+                if (response) {
+                    this.Inspectiondetails1 = response
+                }
+            });
+        },
+        initChart1() { },
+        selectline() {
+            const _this = this;
+            this.optionDatalist1 = [];
+            this.optionDatalist2 = [];
+            this.optionDatalist3 = [];
+            this.optionDatalist4 = [];
+            _this.getSupplierNoOkList(_this.selectxt)
+        },
+
+        //左侧第一个选择类型下拉框 回调函数
+    },
+};
+</script>
+<style lang="scss" scoped>
+.app-container {
+    padding: 0px 24px;
+}
+
+.home {
+    width: 100%;
+    height: 100vh;
+    background: url("../../../assets/images/bg-body.png") no-repeat;
+    background-size: 100% 100%;
+    background-color: #050711;
+
+    .head {
+        width: 100%;
+        height: 74px;
+        position: relative;
+
+        .head-content {
+            height: 74px;
+            background-image: url("../../../assets/images/bg-head.png");
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            text-align: center;
+
+            .title {
+                font-size: 42px;
+                font-weight: 400;
+                color: #ffffff;
+            }
+        }
+
+        .head-logo {
+            position: absolute;
+            left: 0px;
+            top: 1px;
+
+            img {
+                height: 38px;
+                // width: ;
+            }
+        }
+
+        .back {
+            position: absolute;
+            right: 0px;
+            top: 5px;
+        }
+    }
+
+    .content-top {
+        display: flex;
+        justify-content: space-between;
+        position: relative;
+
+        .factoryCode {
+            width: 540px;
+            height: 60px;
+            background: url("../../../assets/images/bg- border1.png") no-repeat;
+            background-size: 100% 100%;
+            text-align: center;
+            position: absolute;
+            top: -17px;
+            left: 0px;
+        }
+
+        .timebox {
+            width: 480px;
+            height: 60px;
+            background: url("../../../assets/images/bg-border2.png") no-repeat;
+            background-size: 100% 100%;
+            text-align: center;
+            position: absolute;
+            top: -17px;
+            right: 0px;
+
+            .time {
+                font-size: 30px;
+                font-weight: 400;
+                color: #ffffff;
+                line-height: 71px;
+            }
+        }
+    }
+
+    .content {
+        margin-top: 63px;
+
+        .itembottom {
+            margin-top: 19px;
+
+            .item-table {
+                width: 1877px;
+                height: 50%;
+                background: url('../../../assets/images/equipment/bg-border1.png') no-repeat;
+                background-size: 100% 100%;
+                padding: 27px 21px 30px 25px;
+                box-sizing: border-box;
+                box-sizing: border-box;
+
+                .table-thead {
+                    width: 100%;
+                    height: 44px;
+                    margin: auto;
+                    background: #0A1A33;
+
+                    td {
+                        font-size: 19px;
+                        font-family: NotoSansHans-Medium, NotoSansHans;
+                        font-weight: 500;
+                        color: #159AFF;
+                        text-align: center;
+                        white-space: nowrap;
+                    }
+                }
+
+                .table-tbody {
+                    height: 192px;
+                    // width: 1775px;
+                    margin: auto;
+                    overflow-y: scroll;
+
+                    table {
+                        width: 100%;
+
+                        tbody {
+                            width: 100%;
+
+                            td {
+                                font-size: 19px;
+                                font-family: NotoSansHans-Medium, NotoSansHans;
+                                font-weight: 500;
+                                color: #FFFFFF;
+                                text-align: center;
+                                border-bottom: 1px dashed #6C8097
+                            }
+                        }
+                    }
+                }
+            }
+
+            .item-table1:first-child {
+                margin-right: 10px;
+            }
+
+            .item-table1 {
+                flex: 1;
+                margin-top: 20px;
+                padding-top: 19px;
+
+                // .table-thead {
+                //   width: 565.01px;
+                // }
+
+                .table-tbody {
+                    height: 300px;
+                }
+            }
+        }
+    }
+}
+
+.titlebox {
+    width: 431px;
+    height: 38px;
+    background: url("../../../assets/images/bg-title.png") no-repeat;
+    background-size: 100% 100%;
+    //   text-align: center;
+    font-size: 20px;
+    font-weight: bold;
+    color: #ffffff;
+    line-height: 38px;
+    letter-spacing: 2px;
+    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
+    padding-left: 60px;
+    //   .titlename{
+    //     position: relative;
+    //     left: 24px;
+    //   }
+}
+
+.titlebox2 {
+    margin: auto;
+    width: 542px;
+    height: 41px;
+    background: url("../../../assets/images/quality/bg-border2title.png") no-repeat;
+    background-size: 100% 100%;
+    text-align: center;
+    font-size: 20px;
+    font-weight: bold;
+    color: #ffffff;
+    line-height: 41px;
+    letter-spacing: 2px;
+    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
+    //   .titlename{
+    //     position: relative;
+    //     left: 24px;
+    //   }
+}
+
+.factoryCode {
+    display: flex;
+    // justify-content: space-around;
+}
+
+.selectborder {
+    background-color: transparent;
+    border-radius: 4px;
+    // border: 2px solid #27408c;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    width: 350px;
+    margin-left: 50px;
+}
+
+.selectborder1 {
+    background-color: transparent;
+    border-radius: 4px;
+    // border: 2px solid #27408c;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    width: 88px;
+    margin-left: 25px;
+}
+
+.selectborder select {
+    /*清除select的边框样式*/
+    border: none;
+    /*清除select聚焦时候的边框颜色*/
+    outline: none;
+    background-color: transparent;
+    /*将select的宽高等于div的宽高*/
+    width: 100%;
+    height: 50px;
+    /*隐藏select的下拉图标*/
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    font-size: 25px;
+    font-weight: 400;
+    color: #ffffff;
+    line-height: 42px;
+}
+
+.selectborder option {
+    /*清除select的边框样式*/
+    border: none;
+    /*清除select聚焦时候的边框颜色*/
+    outline: none;
+    background-color: transparent;
+    /*将select的宽高等于div的宽高*/
+    width: 100%;
+    height: 50px;
+    /*隐藏select的下拉图标*/
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    padding-left: 20px;
+    font-size: 25px;
+    font-weight: 500;
+    color: #3fa2ff;
+    border-radius: 0%;
+}
+
+.selectborder1 option {
+    /*清除select的边框样式*/
+    border: none;
+    /*清除select聚焦时候的边框颜色*/
+    outline: none;
+    background-color: transparent;
+    /*将select的宽高等于div的宽高*/
+    width: 200px;
+    height: 50px;
+    /*隐藏select的下拉图标*/
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    padding-left: 20px;
+    font-size: 25px;
+    font-weight: 500;
+    color: #3fa2ff;
+    border-radius: 0%;
+}
+
+.selectborder:after {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url(../../../assets/images/xiala.png) no-repeat center;
+    /*通过定位将图标放在合适的位置*/
+    position: absolute;
+    right: 0px;
+    top: 25%;
+    /*给自定义的图标实现点击下来功能*/
+    pointer-events: none;
+}
+
+.selectborder1:after {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url(../../../assets/images/xiala.png) no-repeat center;
+    /*通过定位将图标放在合适的位置*/
+    position: absolute;
+    right: 0px;
+    top: 25%;
+    /*给自定义的图标实现点击下来功能*/
+    pointer-events: none;
+}
+
+::v-deep .el-button--primary {
+    color: #ffffff;
+    background-color: #325e82;
+    border-color: #0a0f19;
+}
+
+.active1 {
+    background: url('../../../assets/images/quality/bgtable.png');
+}
+
+.active2 {}
+
+::-webkit-scrollbar {
+    width: 3px;
+    height: 0px;
+    background-color: #0c0642;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    border-radius: 8px;
+    background-color: #07356a;
+}
+
+/*定义滑块 内阴影+圆角*/
+::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    background-color: #0091ff;
+    // opacity: 0.1;
+}
+
+.progress {
+    width: 100px;
+    background-color: rgba(15, 182, 217, 0.3);
+    border-radius: 10px;
+
+    .bar {
+        background: linear-gradient(90deg, rgba(15, 182, 217, 1), rgba(1, 255, 255, 1));
+        border-radius: 10px;
+    }
+}
+
+.color1 {
+    color: #F1D34C;
+}
+
+.color2 {
+    clear: #FF4D4F;
+}
+
+.color3 {
+    color: #66FFFF;
+}
+</style> 
+  
\ No newline at end of file