From 1bbfb99084a541b24d795d462d12d6d51255b9e8 Mon Sep 17 00:00:00 2001
From: fanluyan <754122931@qq.com>
Date: Wed, 14 May 2025 20:34:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=8A=A5=E8=A1=A8=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/api/index.js                     |   10 +-
 src/views/statisticalReport/index copy.vue |  656 ++++++++++++
 src/views/statisticalReport/index.vue      | 1083 ++++++++------------
 3 files changed, 1116 insertions(+), 633 deletions(-)
 create mode 100644 src/views/statisticalReport/index copy.vue

diff --git a/src/utils/api/index.js b/src/utils/api/index.js
index 5244304..bb40add 100644
--- a/src/utils/api/index.js
+++ b/src/utils/api/index.js
@@ -1052,7 +1052,7 @@ export function deletePresetApi(data) {
   });
 }
 
-//统计报表查询
+//统计报表查询--废弃
 export function getStatisticalReport(data) {
   return request({
     url: "/xymanager/getPhotoStat",
@@ -1060,3 +1060,11 @@ export function getStatisticalReport(data) {
     data,
   });
 }
+//新统计报表查询
+export function getReportApi(data) {
+  return request({
+    url: "/xymanager/terminal/getScheduleStat",
+    method: "post",
+    data,
+  });
+}
diff --git a/src/views/statisticalReport/index copy.vue b/src/views/statisticalReport/index copy.vue
new file mode 100644
index 0000000..06416f0
--- /dev/null
+++ b/src/views/statisticalReport/index copy.vue	
@@ -0,0 +1,656 @@
+<template>
+    <div class="statisticalReport">
+        <div class="searchMain">
+            <div class="searchBox" ref="searchref">
+                <el-form :inline="true" :model="formdata" class="demo-form-inline">
+                    <el-form-item label="电压等级">
+                        <el-select v-model="formdata.dyid" @change="getSearchxl">
+                            <el-option v-for="item in dyOptions" :key="item.id" :label="item.name" :value="item.id">
+                                {{ item.name }}
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="线路名称">
+                        <el-select v-model="formdata.lineid" @change="getSearchgt" filterable>
+                            <el-option v-for="item in xlOptions" :key="item.id" :label="item.name"
+                                :value="item.id"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="杆塔名称">
+                        <el-select v-model="formdata.towerid" @change="getSearchzz" filterable>
+                            <el-option v-for="item in gtOptions" :key="item.id" :label="item.name"
+                                :value="item.id"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="装置名称">
+                        <el-select v-model="formdata.termid" @change="getSearchtd" filterable>
+                            <el-option v-for="item in zzOptions" :key="item.id" :label="item.name" :value="item.id">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="通道">
+                        <el-select v-model="formdata.channelid">
+                            <el-option v-for="item in tdOptions" :key="item.id" :label="item.alias !== null && item.alias !== ''
+                                ? item.alias
+                                : item.name
+                                " :value="item.id"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="活动" class="activitybox"
+                        v-if="roleName === 'superadmin' || roleName === 'Matthew'">
+                        <el-select @keyup.enter.native="onSubmit()" v-model="formdata.activityId" filterable
+                            @change="changeActive">
+                            <el-option v-for="item in activityOptions" :key="item.id" :label="item.name"
+                                :value="item.id"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="开始日期">
+                        <el-date-picker v-model="formdata.starttime" type="datetime" placeholder="开始日期"
+                            value-format="timestamp" :picker-options="pickerOptions" default-time="00:00:00">
+                        </el-date-picker>
+                    </el-form-item>
+                    <el-form-item label="结束日期">
+                        <el-date-picker v-model="formdata.endtime" type="datetime" default-time="23:59:59"
+                            placeholder="结束日期" value-format="timestamp" :picker-options="pickerOptions" class="ml10">
+                        </el-date-picker>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-input v-model="formdata.search" placeholder="请输入线路/杆塔/设备名称" clearable></el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="onSubmit">查询</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+            <div class="pictureBox">
+                <div class="deviceTable">
+                    <el-table ref="multipleTable" border :data="picList" tooltip-effect="dark" stripe
+                        style="width: 100%" height="calc(120%)" v-loading="loading" highlight-current-row>
+                        <template slot="empty">
+                            <el-empty :image-size="160" description="暂无数据"></el-empty>
+                        </template>
+                        <el-table-column prop="cmdid" label="装置" show-overflow-tooltip
+                            min-width="15%"></el-table-column>
+
+                        <el-table-column label="通道信息" min-width="80%">
+                            <!-- 分行显示 -->
+                            <template slot-scope="scope">
+                                <el-table :data='scope.row.presetList'>
+                                    <el-table-column prop='channelId' label="通道-预置位" width="100px" align="center">
+                                        <template slot-scope="scope">
+                                            <span>{{ scope.row.channelId }}-{{ scope.row.presetId }}</span>
+                                        </template>
+                                    </el-table-column>
+                                    <el-table-column prop='hours' label="预计拍照" width="100px" align="center">
+                                        <template slot-scope="scope">
+                                            <!-- <span>{{ scope.row.hours.length * 2 }}</span> -->
+                                            <span>{{ scope.row.scheduleList.length }}</span>
+                                            <!-- <el-tooltip placement="top">
+                                                <div slot="content">{{scope.row.hours.length}}</div>
+                                                <span>{{ scope.row.hours.length * 2 }}</span>
+                                            </el-tooltip> -->
+                                        </template>
+                                    </el-table-column>
+                                    <el-table-column prop='total' label="拍照总数" width="100px"
+                                        align="center"></el-table-column>
+                                    <el-table-column prop='presets' label="多出数量" width="100px" align="center">
+                                        <!-- <template #default="{ row }">
+                                            <el-tooltip placement="top" popper-class="eltooltip">
+                                                <div slot="content">{{ handlePresetsMany(row).txt }}</div>
+                                                <span>{{ handlePresetsMany(row).number }}</span>
+                                            </el-tooltip>
+                                        </template> -->
+                                        <template slot-scope="scope">
+                                            <span>{{scope.row.timeList.length}}</span>
+                                        </template>
+                                    </el-table-column>
+                                    <!-- <el-table-column prop='' label='缺少数量' width="100px" :formatter="countLackPicture"
+                                        align="center"></el-table-column> -->
+                                    <el-table-column prop='wrongCount' label='异常数量' width="100px" align="center"></el-table-column>
+                                    <el-table-column prop='presets' label="缺少图片详细时间点" :formatter="handlePresetsFew"
+                                        min-width="65%"></el-table-column>
+
+                                </el-table>
+                            </template>
+                        </el-table-column>
+
+                        <!-- <el-table-column fixed="right" label="操作" width="200">
+                            <template slot-scope="scope">
+                                <el-button @click.native.stop="handleResive(scope.row)" type="text">修改</el-button>
+                                <el-button type="text" class="deleteText"
+                                    @click.native.stop="handleDelete(scope.row)">删除</el-button>
+                            </template>
+                        </el-table-column> -->
+                    </el-table>
+                    <!-- <div class="pageNation">
+                        <el-pagination @current-change="handleCurrentChange" @size-change="handleSizeChange"
+                            :current-page="page" :page-size="pageSize" layout="sizes, prev, pager, next, jumper,total"
+                            :total="total" background>
+                        </el-pagination>
+                    </div> -->
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import {
+    getSearchInfo,
+    getRealtimePhoto,
+    deletePicList,
+    getStatisticalReport,
+    getScheduleOne,
+    getScheduleList,
+} from "@/utils/api/index";
+import {
+    getActivityApi,
+} from "@/utils/api/reportApi";
+import defaultImage from "../../assets/img/nodatapic2.jpg";
+export default {
+    name: "statisticalReport",
+    data() {
+        return {
+            pickerOptions: {
+                disabledDate(date) {
+                    return date.getTime() > Date.now(); // 禁用大于今天的日期
+                },
+            },
+
+            picList: [],
+            dyOptions: [{ id: -1, name: "全部" }], //电压数据
+            xlOptions: [{ id: -1, name: "全部" }], //线路数据
+            gtOptions: [{ id: -1, name: "全部" }], //杆塔数据
+            zzOptions: [{ id: -1, name: "全部" }], //装置数据
+            tdOptions: [{ id: -1, name: "全部", alias: null }], //通道数据
+            activityOptions: [{ id: -1, name: "全部" }], //活动
+            formdata: {
+                dyid: -1,
+                lineid: -1,
+                towerid: -1,
+                channelid: -1,
+                termid: -1,
+                search: "",
+                activityId: -1
+            },
+            tdTermid: "",
+            page: 1, // 当前页数
+            pageSize: 20, // 每页数量
+            total: 0, //总条数
+            loading: false,
+            signtype: 0, //0第一次查询
+            scheduleRule: {}, //装置拍照时间表规则
+        };
+    },
+    created() {
+        var that = this;
+        this.roleName = localStorage.getItem("userName");
+        document.onkeydown = function (e) {
+            var key = window.event.keyCode;
+            if (key === 13) {
+                that.onSubmit(); // 触发事件
+            }
+        };
+    },
+    mounted() {
+        this.getactiveList();
+        this.$set(this.formdata, "endtime", new Date().getTime());
+        if (JSON.stringify(this.$route.query) === "{}") {
+            this.$set(
+                this.formdata,
+                "starttime",
+                new Date(new Date().toLocaleDateString()).getTime()
+            );
+
+            this.getSearchdy();
+        } else {
+            this.getSearchdy();
+            this.formdata.dyid = this.$route.query.dyId;
+            this.formdata.lineid = this.$route.query.lineId;
+            this.formdata.towerid = this.$route.query.towerId;
+            this.formdata.channelid = this.$route.query.channelId;
+            this.formdata.termid = this.$route.query.termId;
+            this.formdata.activityId = this.$route.query.activityId;
+            this.$set(this.formdata, "starttime", Number(this.$route.query.date));
+            this.getPicData();
+        }
+    },
+    methods: {
+        //预计拍照
+        assumeTakePic(row){
+            console.log(row);
+            return "123";
+        },
+        //照片多的处理
+        handlePresetsMany(row) {
+            let result = { txt: "", number: 0 };
+            // if (row.wrongCount == 0) {
+            //     return result;
+            // } else {
+            //     row.hours.forEach(data => {
+            //         if (data.base < data.timeList.length) {
+            //             let hour = parseInt(data.hour.substring(11, 13));
+            //             result.txt += hour + "点" + data.wrongDetail + "张 , ";
+            //             result.number += data.timeList.length - data.base;
+            //         }
+            //     });
+            // }
+            if (result.txt == "") {
+                result.txt = "无";
+            }
+            return result;
+        },
+        //照片少的处理
+        handlePresetsFew(row, column, cellValue) {
+            let txt = "";
+            row.scheduleList.forEach(data => {
+                if ( data.timeList.length == 0 ) {
+                    let hour = data.hour;
+                    if ( hour < 10 ) {
+                        hour = "0" + hour;
+                    }
+                    let minute = data.minute;
+                    if ( data.minute < 10 ){
+                        minute = "0" + minute;
+                    }
+                    txt += hour + ":" + minute + ",";
+                }
+            });
+            if ("" == txt) {
+                return "无";
+            } else {
+                return txt;
+            }
+
+        },
+        //计数缺少图片数量
+        countLackPicture(row, column, cellValue) {
+            let number = 0;
+            // if (row.wrongCount == 0) {
+            //     return number;
+            // } else {
+            //     row.hours.forEach(data => {
+            //         if (data.base > data.timeList.length) {
+            //             number += data.base - data.timeList.length;
+            //         }
+            //     });
+            // }
+            return number;
+        },
+        //规约处理
+        statuteHandle(protocol, val) {
+
+        },
+        setDefaultImage(e) {
+            e.target.src = defaultImage;
+        },
+        //获取电压信息
+        getSearchdy() {
+            getSearchInfo({ type: 1 })
+                .then((res) => {
+                    this.dyOptions = this.dyOptions.concat(res.data.list);
+                    console.log(this.dyOptions);
+                    if (JSON.stringify(this.$route.query) === "{}") {
+                        this.formdata.dyid = this.dyOptions[0].id;
+                    } else {
+                        this.formdata.dyid = Number(this.$route.query.dyId);
+                    }
+                    this.getSearchxl();
+                })
+                .catch((err) => { });
+        },
+        //获取线路数据
+        getSearchxl() {
+            getSearchInfo({ type: 2, id: this.formdata.dyid })
+                .then((res) => {
+                    this.xlOptions = [{ id: -1, name: "全部" }];
+                    this.xlOptions = this.xlOptions.concat(res.data.list);
+
+                    if (JSON.stringify(this.$route.query) === "{}") {
+                        this.formdata.lineid = this.xlOptions[0].id;
+                    } else {
+                        this.formdata.lineid = Number(this.$route.query.lineId);
+                    }
+                    this.getSearchgt();
+                })
+                .catch((err) => { });
+        },
+        //获取杆塔数据
+        getSearchgt() {
+            getSearchInfo({ type: 3, id: this.formdata.lineid })
+                .then((res) => {
+                    this.gtOptions = [{ id: -1, name: "全部" }];
+                    this.gtOptions = this.gtOptions.concat(res.data.list);
+                    // this.formdata.towerid = this.gtOptions[0].id;
+                    if (JSON.stringify(this.$route.query) === "{}") {
+                        this.formdata.towerid = this.gtOptions[0].id;
+                    } else {
+                        this.formdata.towerid = Number(this.$route.query.towerId);
+                    }
+
+                    this.getSearchzz();
+                })
+                .catch((err) => { });
+        },
+        //获取装置数据
+        getSearchzz() {
+            getSearchInfo({ type: 4, id: this.formdata.towerid })
+                .then((res) => {
+                    this.zzOptions = [{ id: -1, name: "全部" }];
+                    this.zzOptions = this.zzOptions.concat(res.data.list);
+                    // this.formdata.termid = this.zzOptions[0].id;
+                    console.log("切换了杆塔");
+                    // console.log(this.formdata.termid);
+                    // console.log(this.zzOptions[0].id);
+                    // this.formdata.termid = this.zzOptions[0].id;
+                    // console.log(this.formdata.termid);
+                    if (JSON.stringify(this.$route.query) === "{}") {
+                        this.formdata.termid = this.zzOptions[0].id;
+                    } else {
+                        this.formdata.termid = Number(this.$route.query.termId);
+                    }
+
+                    this.getSearchtd();
+                })
+                .catch((err) => { });
+        },
+        //获取通道数据
+        getSearchtd() {
+            getSearchInfo({ type: 5, id: this.formdata.termid })
+                .then((res) => {
+                    this.tdOptions = [{ id: -1, name: "全部", alias: null }];
+                    this.tdOptions = this.tdOptions.concat(res.data.list);
+
+                    if (JSON.stringify(this.$route.query) === "{}") {
+                        this.formdata.channelid = this.tdOptions[0].id;
+                    } else {
+                        this.formdata.channelid = Number(this.$route.query.channelId);
+                    }
+
+                    //this.getPicData();
+                })
+                .catch((err) => { });
+        },
+        //获取活动列表
+        getactiveList() {
+            getActivityApi().then((res) => {
+                // this.activityOptions = this.activityOptions.concat(res.data.list);
+                let activeArr = res.data.map((item) => ({
+                    id: item.id,
+                    name: item.title,
+                }));
+                this.activityOptions = this.activityOptions.concat(activeArr);
+                this.formdata.activityId = this.activityOptions[0].id;
+                // this.formdata.activityId =
+                //   JSON.parse(localStorage.getItem("activeId")) !== null
+                //     ? JSON.parse(localStorage.getItem("activeId"))
+                //     : this.activityOptions[0].id;
+            }).catch((err) => { });
+        },
+        changeActive(val) {
+            this.formdata.activityId = val;
+        },
+        getSearchtdAlone() {
+            getSearchInfo({ type: 5, id: this.tdTermid })
+                .then((res) => {
+                    this.tdOptions = [{ id: -1, name: "全部", alias: null }];
+                    this.tdOptions = this.tdOptions.concat(res.data.list);
+                })
+                .catch((err) => { });
+        },
+        //获取图片列表
+        getPicData() {
+            this.loading = true;
+            this.$set(this.formdata, "pageindex", this.page);
+            this.$set(this.formdata, "pagesize", this.pageSize);
+            console.log(this.formdata);
+            // this.$set(this.formdata, "activityId", 10149);
+
+
+            // getScheduleList().then((res) => {
+            //     res.data.forEach(obj => {
+            //         this.scheduleRule['key' + obj.termId + obj.channelId] = obj;
+            //     });
+            //     // console.log(this.scheduleRule);
+            // }).catch((err) => { });
+
+            getStatisticalReport(this.formdata).then((res) => {
+                this.picList = [];
+                //presetList
+                let dataList = res.data;
+                dataList.forEach(a => {
+                    var presetList = [];
+                    a.channels.forEach(b => {
+                        b.presets.forEach(c => {
+                            c.channelId = b.channelId;
+                            presetList.push(c);
+                        });
+                    });
+                    a.presetList = presetList;
+                });
+
+                // console.log(dataList);
+                this.picList = dataList;
+                this.loading = false;
+                // console.log(res.data);
+            }).catch((err) => {
+                this.loading = false;
+                console.log(err);
+            });
+        },
+        //查询
+        onSubmit() {
+            if (this.formdata.starttime > this.formdata.endtime) {
+                return this.$message({
+                    duration: 1500,
+                    showClose: true,
+                    message: "开始日期不能大于结束日期",
+                    type: "warning",
+                });
+            }
+            this.page = 1;
+            this.getPicData();
+        },
+
+        //点击分页
+        handleCurrentChange(val) {
+            this.page = val;
+            //this.picList = [];
+            this.getPicData();
+        },
+        //每页条数
+        handleSizeChange(val) {
+            this.pageSize = val;
+            this.getPicData();
+        },
+        deletePic(val) {
+            console.log(val);
+            let deleteArr = [];
+            deleteArr.push(val.picid);
+            console.log(deleteArr);
+            deletePicList({ list: deleteArr })
+                .then((res) => {
+                    console.log(res);
+                    this.$confirm("此操作将永久删除该图片, 是否继续?", "提示", {
+                        confirmButtonText: "确定",
+                        cancelButtonText: "取消",
+                        type: "warning",
+                    })
+                        .then(() => {
+                            this.$message({
+                                type: "success",
+                                showClose: true,
+                                message: "删除成功!",
+                            });
+                            this.getPicData();
+                        })
+                        .catch(() => {
+                            this.$message({
+                                type: "info",
+                                showClose: true,
+                                message: "已取消删除",
+                            });
+                        });
+                })
+                .catch((err) => { });
+        },
+    },
+};
+</script>
+<style lang="less">
+.statisticalReport {
+    width: calc(100% - 24px);
+    height: calc(100% - 24px);
+    padding: 12px 12px;
+    background: #fff;
+
+    .deviceTable {
+        height: calc(100% - 94px);
+        //background: #fcc;
+    }
+
+    .searchMain {
+        border: 1px solid #dddddd;
+        height: calc(100% - 22px);
+        padding: 12px;
+        border-radius: 4px;
+
+        .ml10 {
+            margin-left: 10px;
+        }
+    }
+
+    .pictureBox {
+        // display: flex;
+        // // justify-content: space-around;
+        // flex-wrap: wrap;
+        height: calc(100% - 135px);
+        // max-height: calc(100% - 135px);
+
+        border: 1px solid #eee;
+
+        .picShowBox {
+            height: 100%;
+            overflow: auto;
+        }
+
+        .imgList {
+            width: calc((100% - 104px) / 4);
+            position: relative;
+            display: inline-block;
+            margin: 8px;
+            position: relative;
+            padding: 4px;
+            border-radius: 3px;
+            background: #fff;
+            height: 200px;
+
+            .el-card__body {
+                padding: 0px;
+                height: 100%;
+            }
+
+            .bigpic {
+                width: 100%;
+                height: 100%;
+                //background-size: 100% 100%;
+                position: relative;
+
+                .el-image {
+                    width: 100%;
+                    height: 100%;
+
+                    .el-image__placeholder {
+                        background: url(../../assets/img/nopicbg.png) no-repeat center;
+                        background-size: 20% 20%;
+                    }
+
+                    img {
+                        cursor: pointer;
+                        width: 100%;
+                        height: 200px;
+                    }
+                }
+
+                &:hover {
+                    .deleteBox {
+                        display: block;
+                    }
+                }
+            }
+
+            .caption {
+                position: absolute;
+                bottom: 0px;
+                background: #169e8ca1;
+                width: calc(100% - 8px);
+                padding: 4px;
+                color: #333;
+
+                .infoTop {
+                    font-size: 16px;
+                    color: #fff;
+                    font-weight: normal;
+                    margin-top: 2px;
+                    padding-left: 5px;
+                    padding-right: 5px;
+                }
+
+                .infoBottom {
+                    color: #fff;
+                    font-size: 12px;
+                    font-weight: normal;
+                    margin-top: 6px;
+                    padding-left: 5px;
+                    padding-right: 5px;
+                }
+            }
+
+            .deleteBox {
+                position: absolute;
+                right: 4px;
+                top: 4px;
+                z-index: 2;
+                display: none;
+
+                .el-button {
+                    width: auto;
+                    background: rgba(0, 0, 0, 0.5);
+                    border: 1px solid transparent;
+                    color: #fff;
+                    font-size: 16px;
+                    padding: 3px;
+                }
+
+                &:hover {
+                    .el-button {
+                        background: #f56c6c;
+                        //color: #f56c6c;
+                    }
+                }
+            }
+        }
+
+        .el-loading-mask {
+            background-color: rgba(255, 255, 255, 0.4);
+        }
+
+        .noPicBox {
+            display: flex;
+            width: 100%;
+            height: calc(100% - 86px);
+            overflow: auto;
+
+            .el-empty {
+                margin: auto;
+            }
+        }
+    }
+
+
+}
+
+.eltooltip {
+    max-width: 50%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/statisticalReport/index.vue b/src/views/statisticalReport/index.vue
index 06416f0..e7dfcdf 100644
--- a/src/views/statisticalReport/index.vue
+++ b/src/views/statisticalReport/index.vue
@@ -1,656 +1,475 @@
 <template>
-    <div class="statisticalReport">
-        <div class="searchMain">
-            <div class="searchBox" ref="searchref">
-                <el-form :inline="true" :model="formdata" class="demo-form-inline">
-                    <el-form-item label="电压等级">
-                        <el-select v-model="formdata.dyid" @change="getSearchxl">
-                            <el-option v-for="item in dyOptions" :key="item.id" :label="item.name" :value="item.id">
-                                {{ item.name }}
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="线路名称">
-                        <el-select v-model="formdata.lineid" @change="getSearchgt" filterable>
-                            <el-option v-for="item in xlOptions" :key="item.id" :label="item.name"
-                                :value="item.id"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="杆塔名称">
-                        <el-select v-model="formdata.towerid" @change="getSearchzz" filterable>
-                            <el-option v-for="item in gtOptions" :key="item.id" :label="item.name"
-                                :value="item.id"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="装置名称">
-                        <el-select v-model="formdata.termid" @change="getSearchtd" filterable>
-                            <el-option v-for="item in zzOptions" :key="item.id" :label="item.name" :value="item.id">
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="通道">
-                        <el-select v-model="formdata.channelid">
-                            <el-option v-for="item in tdOptions" :key="item.id" :label="item.alias !== null && item.alias !== ''
-                                ? item.alias
-                                : item.name
-                                " :value="item.id"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="活动" class="activitybox"
-                        v-if="roleName === 'superadmin' || roleName === 'Matthew'">
-                        <el-select @keyup.enter.native="onSubmit()" v-model="formdata.activityId" filterable
-                            @change="changeActive">
-                            <el-option v-for="item in activityOptions" :key="item.id" :label="item.name"
-                                :value="item.id"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="开始日期">
-                        <el-date-picker v-model="formdata.starttime" type="datetime" placeholder="开始日期"
-                            value-format="timestamp" :picker-options="pickerOptions" default-time="00:00:00">
-                        </el-date-picker>
-                    </el-form-item>
-                    <el-form-item label="结束日期">
-                        <el-date-picker v-model="formdata.endtime" type="datetime" default-time="23:59:59"
-                            placeholder="结束日期" value-format="timestamp" :picker-options="pickerOptions" class="ml10">
-                        </el-date-picker>
-                    </el-form-item>
-                    <el-form-item>
-                        <el-input v-model="formdata.search" placeholder="请输入线路/杆塔/设备名称" clearable></el-input>
-                    </el-form-item>
-                    <el-form-item>
-                        <el-button type="primary" @click="onSubmit">查询</el-button>
-                    </el-form-item>
-                </el-form>
-            </div>
-            <div class="pictureBox">
-                <div class="deviceTable">
-                    <el-table ref="multipleTable" border :data="picList" tooltip-effect="dark" stripe
-                        style="width: 100%" height="calc(120%)" v-loading="loading" highlight-current-row>
-                        <template slot="empty">
-                            <el-empty :image-size="160" description="暂无数据"></el-empty>
-                        </template>
-                        <el-table-column prop="cmdid" label="装置" show-overflow-tooltip
-                            min-width="15%"></el-table-column>
-
-                        <el-table-column label="通道信息" min-width="80%">
-                            <!-- 分行显示 -->
-                            <template slot-scope="scope">
-                                <el-table :data='scope.row.presetList'>
-                                    <el-table-column prop='channelId' label="通道-预置位" width="100px" align="center">
-                                        <template slot-scope="scope">
-                                            <span>{{ scope.row.channelId }}-{{ scope.row.presetId }}</span>
-                                        </template>
-                                    </el-table-column>
-                                    <el-table-column prop='hours' label="预计拍照" width="100px" align="center">
-                                        <template slot-scope="scope">
-                                            <!-- <span>{{ scope.row.hours.length * 2 }}</span> -->
-                                            <span>{{ scope.row.scheduleList.length }}</span>
-                                            <!-- <el-tooltip placement="top">
-                                                <div slot="content">{{scope.row.hours.length}}</div>
-                                                <span>{{ scope.row.hours.length * 2 }}</span>
-                                            </el-tooltip> -->
-                                        </template>
-                                    </el-table-column>
-                                    <el-table-column prop='total' label="拍照总数" width="100px"
-                                        align="center"></el-table-column>
-                                    <el-table-column prop='presets' label="多出数量" width="100px" align="center">
-                                        <!-- <template #default="{ row }">
-                                            <el-tooltip placement="top" popper-class="eltooltip">
-                                                <div slot="content">{{ handlePresetsMany(row).txt }}</div>
-                                                <span>{{ handlePresetsMany(row).number }}</span>
-                                            </el-tooltip>
-                                        </template> -->
-                                        <template slot-scope="scope">
-                                            <span>{{scope.row.timeList.length}}</span>
-                                        </template>
-                                    </el-table-column>
-                                    <!-- <el-table-column prop='' label='缺少数量' width="100px" :formatter="countLackPicture"
-                                        align="center"></el-table-column> -->
-                                    <el-table-column prop='wrongCount' label='异常数量' width="100px" align="center"></el-table-column>
-                                    <el-table-column prop='presets' label="缺少图片详细时间点" :formatter="handlePresetsFew"
-                                        min-width="65%"></el-table-column>
-
-                                </el-table>
-                            </template>
-                        </el-table-column>
-
-                        <!-- <el-table-column fixed="right" label="操作" width="200">
-                            <template slot-scope="scope">
-                                <el-button @click.native.stop="handleResive(scope.row)" type="text">修改</el-button>
-                                <el-button type="text" class="deleteText"
-                                    @click.native.stop="handleDelete(scope.row)">删除</el-button>
-                            </template>
-                        </el-table-column> -->
-                    </el-table>
-                    <!-- <div class="pageNation">
-                        <el-pagination @current-change="handleCurrentChange" @size-change="handleSizeChange"
-                            :current-page="page" :page-size="pageSize" layout="sizes, prev, pager, next, jumper,total"
-                            :total="total" background>
-                        </el-pagination>
-                    </div> -->
-                </div>
-            </div>
+  <div class="statisticalReport">
+    <div class="searchMain">
+      <div class="searchBox" ref="searchref">
+        <el-form :inline="true" :model="formdata" class="demo-form-inline">
+          <el-form-item label="电压等级" class="dyClass">
+            <el-select v-model="formdata.dyid" @change="getSearchxl">
+              <el-option
+                v-for="item in dyOptions"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+                {{ item.name }}
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="线路名称">
+            <el-select v-model="formdata.lineid" filterable>
+              <el-option
+                v-for="item in xlOptions"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item
+            label="活动"
+            class="activitybox"
+            v-if="
+              roleName === 'superadmin' ||
+              roleName === 'Matthew' ||
+              roleName === 'SCB'
+            "
+          >
+            <el-select
+              @keyup.enter.native="onSubmit()"
+              v-model="formdata.activityId"
+              filterable
+              @change="changeActive"
+            >
+              <el-option
+                v-for="item in activityOptions"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="开始日期">
+            <el-date-picker
+              v-model="formdata.starttime"
+              type="datetime"
+              placeholder="开始日期"
+              value-format="timestamp"
+              :picker-options="pickerOptions"
+              default-time="00:00:00"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="结束日期">
+            <el-date-picker
+              v-model="formdata.endtime"
+              type="datetime"
+              default-time="23:59:59"
+              placeholder="结束日期"
+              value-format="timestamp"
+              :picker-options="pickerOptions"
+              class="ml10"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="formdata.search"
+              placeholder="请输入装置编号"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="采样周期" class="intervalClass">
+            <el-input
+              v-model="formdata.interval"
+              placeholder="请输入采样周期"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="onSubmit" :disabled="searchFlag"
+              >查询</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <div class="pictureBox">
+        <div class="deviceTable">
+          <el-table
+            ref="multipleTable"
+            border
+            :data="lastDataArray"
+            tooltip-effect="dark"
+            stripe
+            style="width: 100%"
+            height="calc(120%)"
+            v-loading="loading"
+            highlight-current-row
+          >
+            <template slot="empty">
+              <el-empty :image-size="160" description="暂无数据"></el-empty>
+            </template>
+            <el-table-column prop="cmdid" label="装置"></el-table-column>
+
+            <el-table-column label="图片数据" prop="photoTimePoint">
+              <template slot-scope="scope">
+                <span class="pre-format">{{ scope.row.photoTimePoint }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="覆冰数据" prop="pullPoint">
+              <template slot-scope="scope">
+                <span class="pre-format">{{ scope.row.pullPoint }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="天气数据" prop="weatherPoint">
+              <template slot-scope="scope">
+                <span class="pre-format">{{ scope.row.weatherPoint }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
         </div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
-import {
-    getSearchInfo,
-    getRealtimePhoto,
-    deletePicList,
-    getStatisticalReport,
-    getScheduleOne,
-    getScheduleList,
-} from "@/utils/api/index";
-import {
-    getActivityApi,
-} from "@/utils/api/reportApi";
-import defaultImage from "../../assets/img/nodatapic2.jpg";
+import { getSearchInfo, getReportApi } from "@/utils/api/index";
+import { getActivityApi } from "@/utils/api/reportApi";
 export default {
-    name: "statisticalReport",
-    data() {
-        return {
-            pickerOptions: {
-                disabledDate(date) {
-                    return date.getTime() > Date.now(); // 禁用大于今天的日期
-                },
-            },
-
-            picList: [],
-            dyOptions: [{ id: -1, name: "全部" }], //电压数据
-            xlOptions: [{ id: -1, name: "全部" }], //线路数据
-            gtOptions: [{ id: -1, name: "全部" }], //杆塔数据
-            zzOptions: [{ id: -1, name: "全部" }], //装置数据
-            tdOptions: [{ id: -1, name: "全部", alias: null }], //通道数据
-            activityOptions: [{ id: -1, name: "全部" }], //活动
-            formdata: {
-                dyid: -1,
-                lineid: -1,
-                towerid: -1,
-                channelid: -1,
-                termid: -1,
-                search: "",
-                activityId: -1
-            },
-            tdTermid: "",
-            page: 1, // 当前页数
-            pageSize: 20, // 每页数量
-            total: 0, //总条数
-            loading: false,
-            signtype: 0, //0第一次查询
-            scheduleRule: {}, //装置拍照时间表规则
-        };
+  name: "statisticalReport",
+  data() {
+    return {
+      searchFlag: true,
+      pickerOptions: {
+        disabledDate(date) {
+          return date.getTime() > Date.now(); // 禁用大于今天的日期
+        },
+      },
+      dyOptions: [{ id: -1, name: "全部" }], //电压数据
+      xlOptions: [{ id: -1, name: "全部" }], //线路数据
+      activityOptions: [{ id: -1, name: "全部" }], //活动
+      formdata: {
+        dyid: -1,
+        lineid: -1,
+        towerid: -1,
+        channelid: -1,
+        interval: 10,
+        search: "",
+        activityId: -1,
+      },
+      dataArray: [],
+      lastDataArray: [],
+      page: 1, // 当前页数
+      pageSize: 20, // 每页数量
+      tdTermid: "",
+      loading: false,
+    };
+  },
+  created() {
+    var that = this;
+    this.roleName = localStorage.getItem("userName");
+    document.onkeydown = function (e) {
+      var key = window.event.keyCode;
+      if (key === 13) {
+        that.onSubmit(); // 触发事件
+      }
+    };
+  },
+  mounted() {
+    this.getactiveList();
+    this.$set(this.formdata, "endtime", new Date().getTime());
+    this.$set(
+      this.formdata,
+      "starttime",
+      new Date(new Date().toLocaleDateString()).getTime()
+    );
+  },
+  methods: {
+    //获取电压信息
+    getSearchdy() {
+      getSearchInfo({ type: 1 })
+        .then((res) => {
+          this.dyOptions = this.dyOptions.concat(res.data.list);
+          console.log(this.dyOptions);
+          if (JSON.stringify(this.$route.query) === "{}") {
+            this.formdata.dyid = this.dyOptions[0].id;
+          } else {
+            this.formdata.dyid = Number(this.$route.query.dyId);
+          }
+          this.getSearchxl();
+        })
+        .catch((err) => {});
     },
-    created() {
-        var that = this;
-        this.roleName = localStorage.getItem("userName");
-        document.onkeydown = function (e) {
-            var key = window.event.keyCode;
-            if (key === 13) {
-                that.onSubmit(); // 触发事件
-            }
-        };
+    //获取线路数据
+    getSearchxl() {
+      getSearchInfo({ type: 2, id: this.formdata.dyid })
+        .then((res) => {
+          this.xlOptions = [{ id: -1, name: "全部" }];
+          this.xlOptions = this.xlOptions.concat(res.data.list);
+
+          if (JSON.stringify(this.$route.query) === "{}") {
+            this.formdata.lineid = this.xlOptions[0].id;
+          } else {
+            this.formdata.lineid = Number(this.$route.query.lineId);
+          }
+        })
+        .catch((err) => {});
     },
-    mounted() {
-        this.getactiveList();
-        this.$set(this.formdata, "endtime", new Date().getTime());
-        if (JSON.stringify(this.$route.query) === "{}") {
-            this.$set(
-                this.formdata,
-                "starttime",
-                new Date(new Date().toLocaleDateString()).getTime()
-            );
-
-            this.getSearchdy();
-        } else {
-            this.getSearchdy();
-            this.formdata.dyid = this.$route.query.dyId;
-            this.formdata.lineid = this.$route.query.lineId;
-            this.formdata.towerid = this.$route.query.towerId;
-            this.formdata.channelid = this.$route.query.channelId;
-            this.formdata.termid = this.$route.query.termId;
-            this.formdata.activityId = this.$route.query.activityId;
-            this.$set(this.formdata, "starttime", Number(this.$route.query.date));
-            this.getPicData();
-        }
+    //获取活动列表
+    getactiveList() {
+      getActivityApi()
+        .then((res) => {
+          // this.activityOptions = this.activityOptions.concat(res.data.list);
+          let activeArr = res.data.map((item) => ({
+            id: item.id,
+            name: item.title,
+          }));
+          this.activityOptions = this.activityOptions.concat(activeArr);
+          console.log(this.activityOptions);
+          this.formdata.activityId = this.activityOptions[1].id;
+          this.searchFlag = false;
+        })
+        .catch((err) => {});
     },
-    methods: {
-        //预计拍照
-        assumeTakePic(row){
-            console.log(row);
-            return "123";
-        },
-        //照片多的处理
-        handlePresetsMany(row) {
-            let result = { txt: "", number: 0 };
-            // if (row.wrongCount == 0) {
-            //     return result;
-            // } else {
-            //     row.hours.forEach(data => {
-            //         if (data.base < data.timeList.length) {
-            //             let hour = parseInt(data.hour.substring(11, 13));
-            //             result.txt += hour + "点" + data.wrongDetail + "张 , ";
-            //             result.number += data.timeList.length - data.base;
-            //         }
-            //     });
-            // }
-            if (result.txt == "") {
-                result.txt = "无";
-            }
-            return result;
-        },
-        //照片少的处理
-        handlePresetsFew(row, column, cellValue) {
-            let txt = "";
-            row.scheduleList.forEach(data => {
-                if ( data.timeList.length == 0 ) {
-                    let hour = data.hour;
-                    if ( hour < 10 ) {
-                        hour = "0" + hour;
-                    }
-                    let minute = data.minute;
-                    if ( data.minute < 10 ){
-                        minute = "0" + minute;
-                    }
-                    txt += hour + ":" + minute + ",";
-                }
+    changeActive(val) {
+      this.formdata.activityId = val;
+    },
+    getSearchtdAlone() {
+      getSearchInfo({ type: 5, id: this.tdTermid })
+        .then((res) => {
+          this.tdOptions = [{ id: -1, name: "全部", alias: null }];
+          this.tdOptions = this.tdOptions.concat(res.data.list);
+        })
+        .catch((err) => {});
+    },
+    //获取图片列表
+    getPicData() {
+      this.loading = true;
+      console.log(this.formdata);
+      this.$set(this.formdata, "pageindex", this.page);
+      this.$set(this.formdata, "pagesize", this.pageSize);
+      getReportApi(this.formdata)
+        .then((res) => {
+          console.log(res.data);
+          this.dataArray = res.data;
+          this.loading = false;
+          this.lastDataArray = this.processSnapshotData(this.dataArray);
+        })
+        .catch((err) => {
+          this.loading = false;
+          console.log(err);
+        });
+    },
+    processSnapshotData(data) {
+      return data.map((item) => {
+        const channelStatus = [];
+        console.log(item);
+        //图片数据
+        item.channels.forEach((channel) => {
+          const channelStatusParts = []; // 通道级别的状态片段
+          channel.presets.forEach((preset) => {
+            const missingTimes = [];
+            const moreTimes = [];
+            preset.scheduleList.forEach((schedule) => {
+              if (schedule.wrong && schedule.timeList.length === 0) {
+                const time = `${schedule.hour
+                  .toString()
+                  .padStart(2, "0")}:${schedule.minute
+                  .toString()
+                  .padStart(2, "0")}`;
+                missingTimes.push(time);
+              }
+              if (schedule.wrong && schedule.timeList.length > 1) {
+                const time = `${schedule.hour
+                  .toString()
+                  .padStart(2, "0")}:${schedule.minute
+                  .toString()
+                  .padStart(2, "0")}`;
+                moreTimes.push(time);
+              }
             });
-            if ("" == txt) {
-                return "无";
-            } else {
-                return txt;
-            }
-
-        },
-        //计数缺少图片数量
-        countLackPicture(row, column, cellValue) {
-            let number = 0;
-            // if (row.wrongCount == 0) {
-            //     return number;
-            // } else {
-            //     row.hours.forEach(data => {
-            //         if (data.base > data.timeList.length) {
-            //             number += data.base - data.timeList.length;
-            //         }
-            //     });
-            // }
-            return number;
-        },
-        //规约处理
-        statuteHandle(protocol, val) {
-
-        },
-        setDefaultImage(e) {
-            e.target.src = defaultImage;
-        },
-        //获取电压信息
-        getSearchdy() {
-            getSearchInfo({ type: 1 })
-                .then((res) => {
-                    this.dyOptions = this.dyOptions.concat(res.data.list);
-                    console.log(this.dyOptions);
-                    if (JSON.stringify(this.$route.query) === "{}") {
-                        this.formdata.dyid = this.dyOptions[0].id;
-                    } else {
-                        this.formdata.dyid = Number(this.$route.query.dyId);
-                    }
-                    this.getSearchxl();
-                })
-                .catch((err) => { });
-        },
-        //获取线路数据
-        getSearchxl() {
-            getSearchInfo({ type: 2, id: this.formdata.dyid })
-                .then((res) => {
-                    this.xlOptions = [{ id: -1, name: "全部" }];
-                    this.xlOptions = this.xlOptions.concat(res.data.list);
-
-                    if (JSON.stringify(this.$route.query) === "{}") {
-                        this.formdata.lineid = this.xlOptions[0].id;
-                    } else {
-                        this.formdata.lineid = Number(this.$route.query.lineId);
-                    }
-                    this.getSearchgt();
-                })
-                .catch((err) => { });
-        },
-        //获取杆塔数据
-        getSearchgt() {
-            getSearchInfo({ type: 3, id: this.formdata.lineid })
-                .then((res) => {
-                    this.gtOptions = [{ id: -1, name: "全部" }];
-                    this.gtOptions = this.gtOptions.concat(res.data.list);
-                    // this.formdata.towerid = this.gtOptions[0].id;
-                    if (JSON.stringify(this.$route.query) === "{}") {
-                        this.formdata.towerid = this.gtOptions[0].id;
-                    } else {
-                        this.formdata.towerid = Number(this.$route.query.towerId);
-                    }
-
-                    this.getSearchzz();
-                })
-                .catch((err) => { });
-        },
-        //获取装置数据
-        getSearchzz() {
-            getSearchInfo({ type: 4, id: this.formdata.towerid })
-                .then((res) => {
-                    this.zzOptions = [{ id: -1, name: "全部" }];
-                    this.zzOptions = this.zzOptions.concat(res.data.list);
-                    // this.formdata.termid = this.zzOptions[0].id;
-                    console.log("切换了杆塔");
-                    // console.log(this.formdata.termid);
-                    // console.log(this.zzOptions[0].id);
-                    // this.formdata.termid = this.zzOptions[0].id;
-                    // console.log(this.formdata.termid);
-                    if (JSON.stringify(this.$route.query) === "{}") {
-                        this.formdata.termid = this.zzOptions[0].id;
-                    } else {
-                        this.formdata.termid = Number(this.$route.query.termId);
-                    }
 
-                    this.getSearchtd();
-                })
-                .catch((err) => { });
-        },
-        //获取通道数据
-        getSearchtd() {
-            getSearchInfo({ type: 5, id: this.formdata.termid })
-                .then((res) => {
-                    this.tdOptions = [{ id: -1, name: "全部", alias: null }];
-                    this.tdOptions = this.tdOptions.concat(res.data.list);
-
-                    if (JSON.stringify(this.$route.query) === "{}") {
-                        this.formdata.channelid = this.tdOptions[0].id;
-                    } else {
-                        this.formdata.channelid = Number(this.$route.query.channelId);
-                    }
-
-                    //this.getPicData();
-                })
-                .catch((err) => { });
-        },
-        //获取活动列表
-        getactiveList() {
-            getActivityApi().then((res) => {
-                // this.activityOptions = this.activityOptions.concat(res.data.list);
-                let activeArr = res.data.map((item) => ({
-                    id: item.id,
-                    name: item.title,
-                }));
-                this.activityOptions = this.activityOptions.concat(activeArr);
-                this.formdata.activityId = this.activityOptions[0].id;
-                // this.formdata.activityId =
-                //   JSON.parse(localStorage.getItem("activeId")) !== null
-                //     ? JSON.parse(localStorage.getItem("activeId"))
-                //     : this.activityOptions[0].id;
-            }).catch((err) => { });
-        },
-        changeActive(val) {
-            this.formdata.activityId = val;
-        },
-        getSearchtdAlone() {
-            getSearchInfo({ type: 5, id: this.tdTermid })
-                .then((res) => {
-                    this.tdOptions = [{ id: -1, name: "全部", alias: null }];
-                    this.tdOptions = this.tdOptions.concat(res.data.list);
-                })
-                .catch((err) => { });
-        },
-        //获取图片列表
-        getPicData() {
-            this.loading = true;
-            this.$set(this.formdata, "pageindex", this.page);
-            this.$set(this.formdata, "pagesize", this.pageSize);
-            console.log(this.formdata);
-            // this.$set(this.formdata, "activityId", 10149);
-
-
-            // getScheduleList().then((res) => {
-            //     res.data.forEach(obj => {
-            //         this.scheduleRule['key' + obj.termId + obj.channelId] = obj;
-            //     });
-            //     // console.log(this.scheduleRule);
-            // }).catch((err) => { });
-
-            getStatisticalReport(this.formdata).then((res) => {
-                this.picList = [];
-                //presetList
-                let dataList = res.data;
-                dataList.forEach(a => {
-                    var presetList = [];
-                    a.channels.forEach(b => {
-                        b.presets.forEach(c => {
-                            c.channelId = b.channelId;
-                            presetList.push(c);
-                        });
-                    });
-                    a.presetList = presetList;
-                });
+            // 生成当前预置位的状态片段
+            const presetStatusParts = [];
+            if (missingTimes.length > 0) {
+              presetStatusParts.push(
+                `少图（${[...new Set(missingTimes)].join("、")}）`
+              );
+            }
+            if (moreTimes.length > 0) {
+              presetStatusParts.push(
+                `多图（${[...new Set(moreTimes)].join("、")}）`
+              );
+            }
 
-                // console.log(dataList);
-                this.picList = dataList;
-                this.loading = false;
-                // console.log(res.data);
-            }).catch((err) => {
-                this.loading = false;
-                console.log(err);
-            });
-        },
-        //查询
-        onSubmit() {
-            if (this.formdata.starttime > this.formdata.endtime) {
-                return this.$message({
-                    duration: 1500,
-                    showClose: true,
-                    message: "开始日期不能大于结束日期",
-                    type: "warning",
-                });
+            // 若当前预置位有问题，则添加到通道状态
+            if (presetStatusParts.length > 0) {
+              channelStatusParts.push(
+                `预置位${preset.presetId}：${presetStatusParts.join("，")}`
+              );
             }
-            this.page = 1;
-            this.getPicData();
-        },
+          });
+
+          // 构建通道的最终状态描述
+          const status =
+            channelStatusParts.length > 0
+              ? `通道${channel.channelId}：${channelStatusParts.join("；")}`
+              : `通道${channel.channelId}图片正常`;
+          channelStatus.push(status);
+        });
+        //覆冰数据
+        const pullStatusParts = [];
+        const pullmissingTimes = [];
+        const pullmoreTimes = [];
+        item.pullScheduleList.forEach((pull) => {
+          if (pull.wrong && pull.timeList.length === 0) {
+            const time = `${pull.hour.toString().padStart(2, "0")}:${pull.minute
+              .toString()
+              .padStart(2, "0")}`;
+            pullmissingTimes.push(time);
+          }
+          if (pull.wrong && pull.timeList.length > 1) {
+            const time = `${pull.hour.toString().padStart(2, "0")}:${pull.minute
+              .toString()
+              .padStart(2, "0")}`;
+            pullmoreTimes.push(time);
+          }
+        });
+        console.log(pullmissingTimes);
+        console.log(pullmoreTimes);
+        // 生成当前预置位的状态片段
+        const pullParts = [];
+        if (pullmissingTimes.length > 0) {
+          pullParts.push(
+            `少${pullmissingTimes.length}条数据（${[
+              ...new Set(pullmissingTimes),
+            ].join("、")}）`
+          );
+        }
+        if (pullmoreTimes.length > 0) {
+          pullParts.push(
+            `多${pullmoreTimes.length}条数据（${[
+              ...new Set(pullmoreTimes),
+            ].join("、")}）`
+          );
+        }
+        // 构建通道的最终状态描述
+        const pullstatus =
+          pullParts.length > 0 ? `${pullParts.join("；")}` : `数据正常`;
+        pullStatusParts.push(pullstatus);
+
+        //覆冰拉力结束
+
+        //天气数据遍历开始
+        //覆冰数据
+        const weatherStatusParts = [];
+        const weathermissingTimes = [];
+        const weathermoreTimes = [];
+        item.weatherScheduleList.forEach((weather) => {
+          if (weather.wrong && weather.timeList.length === 0) {
+            const time = `${weather.hour
+              .toString()
+              .padStart(2, "0")}:${weather.minute.toString().padStart(2, "0")}`;
+            weathermissingTimes.push(time);
+          }
+          if (weather.wrong && weather.timeList.length > 1) {
+            const time = `${weather.hour
+              .toString()
+              .padStart(2, "0")}:${weather.minute.toString().padStart(2, "0")}`;
+            weathermoreTimes.push(time);
+          }
+        });
+        console.log(weathermissingTimes);
+        console.log(weathermoreTimes);
+        // 生成当前预置位的状态片段
+        const weatherParts = [];
+        if (weathermissingTimes.length > 0) {
+          weatherParts.push(
+            `少${weathermissingTimes.length}条数据（${[
+              ...new Set(weathermissingTimes),
+            ].join("、")}）`
+          );
+        }
+        if (weathermoreTimes.length > 0) {
+          weatherParts.push(
+            `多${weathermoreTimes.length}条数据（${[
+              ...new Set(weathermoreTimes),
+            ].join("、")}）`
+          );
+        }
+        // 构建通道的最终状态描述
+        const weatherstatus =
+          weatherParts.length > 0 ? `${weatherParts.join("；")}` : `数据正常`;
+        weatherStatusParts.push(weatherstatus);
+        //天气数据遍历结束
 
-        //点击分页
-        handleCurrentChange(val) {
-            this.page = val;
-            //this.picList = [];
-            this.getPicData();
-        },
-        //每页条数
-        handleSizeChange(val) {
-            this.pageSize = val;
-            this.getPicData();
-        },
-        deletePic(val) {
-            console.log(val);
-            let deleteArr = [];
-            deleteArr.push(val.picid);
-            console.log(deleteArr);
-            deletePicList({ list: deleteArr })
-                .then((res) => {
-                    console.log(res);
-                    this.$confirm("此操作将永久删除该图片, 是否继续?", "提示", {
-                        confirmButtonText: "确定",
-                        cancelButtonText: "取消",
-                        type: "warning",
-                    })
-                        .then(() => {
-                            this.$message({
-                                type: "success",
-                                showClose: true,
-                                message: "删除成功!",
-                            });
-                            this.getPicData();
-                        })
-                        .catch(() => {
-                            this.$message({
-                                type: "info",
-                                showClose: true,
-                                message: "已取消删除",
-                            });
-                        });
-                })
-                .catch((err) => { });
-        },
+        //最终返回数据
+        return {
+          cmdid: item.cmdid,
+          photoTimePoint: channelStatus.join("\n"),
+          pullPoint: pullStatusParts.join("\n"),
+          weatherPoint: weatherStatusParts.join("\n"),
+        };
+      });
+    },
+
+    //查询
+    onSubmit() {
+      if (this.formdata.starttime > this.formdata.endtime) {
+        return this.$message({
+          duration: 1500,
+          showClose: true,
+          message: "开始日期不能大于结束日期",
+          type: "warning",
+        });
+      }
+
+      this.getPicData();
     },
+  },
 };
 </script>
 <style lang="less">
 .statisticalReport {
-    width: calc(100% - 24px);
-    height: calc(100% - 24px);
-    padding: 12px 12px;
-    background: #fff;
-
-    .deviceTable {
-        height: calc(100% - 94px);
-        //background: #fcc;
+  width: calc(100% - 24px);
+  height: calc(100% - 24px);
+  padding: 12px 12px;
+  background: #fff;
+
+  .deviceTable {
+    height: calc(100% - 94px);
+    //background: #fcc;
+  }
+
+  .searchMain {
+    border: 1px solid #dddddd;
+    height: calc(100% - 22px);
+    padding: 12px;
+    border-radius: 4px;
+
+    .ml10 {
+      margin-left: 10px;
     }
-
-    .searchMain {
-        border: 1px solid #dddddd;
-        height: calc(100% - 22px);
-        padding: 12px;
-        border-radius: 4px;
-
-        .ml10 {
-            margin-left: 10px;
-        }
+    .dyClass {
+      .el-select {
+        width: 150px;
+      }
     }
-
-    .pictureBox {
-        // display: flex;
-        // // justify-content: space-around;
-        // flex-wrap: wrap;
-        height: calc(100% - 135px);
-        // max-height: calc(100% - 135px);
-
-        border: 1px solid #eee;
-
-        .picShowBox {
-            height: 100%;
-            overflow: auto;
-        }
-
-        .imgList {
-            width: calc((100% - 104px) / 4);
-            position: relative;
-            display: inline-block;
-            margin: 8px;
-            position: relative;
-            padding: 4px;
-            border-radius: 3px;
-            background: #fff;
-            height: 200px;
-
-            .el-card__body {
-                padding: 0px;
-                height: 100%;
-            }
-
-            .bigpic {
-                width: 100%;
-                height: 100%;
-                //background-size: 100% 100%;
-                position: relative;
-
-                .el-image {
-                    width: 100%;
-                    height: 100%;
-
-                    .el-image__placeholder {
-                        background: url(../../assets/img/nopicbg.png) no-repeat center;
-                        background-size: 20% 20%;
-                    }
-
-                    img {
-                        cursor: pointer;
-                        width: 100%;
-                        height: 200px;
-                    }
-                }
-
-                &:hover {
-                    .deleteBox {
-                        display: block;
-                    }
-                }
-            }
-
-            .caption {
-                position: absolute;
-                bottom: 0px;
-                background: #169e8ca1;
-                width: calc(100% - 8px);
-                padding: 4px;
-                color: #333;
-
-                .infoTop {
-                    font-size: 16px;
-                    color: #fff;
-                    font-weight: normal;
-                    margin-top: 2px;
-                    padding-left: 5px;
-                    padding-right: 5px;
-                }
-
-                .infoBottom {
-                    color: #fff;
-                    font-size: 12px;
-                    font-weight: normal;
-                    margin-top: 6px;
-                    padding-left: 5px;
-                    padding-right: 5px;
-                }
-            }
-
-            .deleteBox {
-                position: absolute;
-                right: 4px;
-                top: 4px;
-                z-index: 2;
-                display: none;
-
-                .el-button {
-                    width: auto;
-                    background: rgba(0, 0, 0, 0.5);
-                    border: 1px solid transparent;
-                    color: #fff;
-                    font-size: 16px;
-                    padding: 3px;
-                }
-
-                &:hover {
-                    .el-button {
-                        background: #f56c6c;
-                        //color: #f56c6c;
-                    }
-                }
-            }
-        }
-
-        .el-loading-mask {
-            background-color: rgba(255, 255, 255, 0.4);
-        }
-
-        .noPicBox {
-            display: flex;
-            width: 100%;
-            height: calc(100% - 86px);
-            overflow: auto;
-
-            .el-empty {
-                margin: auto;
-            }
-        }
+    .intervalClass {
+      .el-input {
+        width: 80px;
+      }
     }
-
-
-}
-
-.eltooltip {
-    max-width: 50%;
+  }
+  .pictureBox {
+    height: calc(100% - 135px);
+    border: 1px solid #eee;
+    .pre-format {
+      white-space: pre-line; /* 保留换行符 */
+      line-height: 1.8; /* 增加行间距 */
+    }
+  }
 }
-</style>
\ No newline at end of file
+</style>