提交0915-1

lishifeng

2020-09-15 0a48abaa449365e5d511a094a0bbab61d753a211

提交0915-1

 src/assets/images/eleOff.gif

 src/assets/images/eleOn.gif

 src/assets/js/alarmAdmian/batteryrHistoryquery.js

New file
@@ -0,0 +1,52 @@
import axios from "../axios";
/* 电池告警历史页面查询 */

/* 查询历史告警记录
json={"page":{"pageCurr":1,"pageSize":10,"pageAll":0},"binf":{"StationName1":"","StationName":"",
"BattGroupId":"0"},"mainf":{"appoint_uid":"4","master_audit":"3","num":"1","BattGroupId":"2","usr_id":"119001",
"fault_type_id":"119002","fault_level":"119003","record_uid":"119004","maint_type_id":"119005","maint_done":"119006",
"maint_close":"119007","master_id":"0"},"adata_H":{"MonNum":"0","alm_id":1,"alm_start_time":"2000-1-1 00:00:00",
"alm_start_time1":"2020-09-11 23:59:59","alm_signal_id":0,"Record_Id":"0"}}
*/
export const historySeroom = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Battalarm_data_historyAction!serchByInfo",
        data: "json=" + JSON.stringify(data)
    })
}


/* 页面加载时查询维护区中的枢纽类型
 无参 */
export const historyTrye = () => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup",
        data: null
    })
}


//根据维护区查询站点   json={"UNote":""}
export const historyStation = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationNameInGroup",
        data: "json=" + JSON.stringify(data)
    })
}

/* 
根据维护区和机房查询蓄电池组
json={"UNote":"","UName":""}
*/
export const historyBattery = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchBattgroupidInGroup",
        data: "json=" + JSON.stringify(data)
    })
}



 src/assets/js/alarmAdmian/batteryrTimequery.js

New file
@@ -0,0 +1,72 @@
import axios from "../axios";
/* 电池告警实时页面查询 */


/*  页面加载时查询维护区中的枢纽类型 
无参
*/
export const dataType = () => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup",
        data: null
    })
}


/* 根据维护区查询机房站点
json={"UNote":""}
*/
export const roomsStation = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationNameInGroup",
        data: "json=" + JSON.stringify(data)
    })
}



/* 根据维护区和机房查询蓄电池组
json={"UNote":"","UName":""} */
export const batterySeach = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchBattgroupidInGroup",
        data: "json=" + JSON.stringify(data)
    })
}

/* 删除记录
bads=[{"stationname":"四川省-德阳市-德阳希望城10KV开闭所-LD9-电池组1","num":"368373","note":"单体电压低"}] */
export const deletionRecord = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Battalarm_dataAction!delete",
        data: "json=" + JSON.stringify(data)
    })
}

/* 点击确认告警
bads=[{"stationname":"四川省-德阳市-德阳希望城10KV开闭所-LD9-电池组1","num":"368428",
"alm_confirmed_time":"2020-09-10 17:24:44",
"alm_is_confirmed":1,"note":"单体电压低"}] */
export const reporTemergency = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Battalarm_dataAction!update",
        data: "json=" + JSON.stringify(data)
    })
}


/* 点击取消告警
bads=[{"stationname":"四川省-德阳市-德阳希望城10KV开闭所-LD9-电池组1","num":"368428",
"alm_end_time":"2020-09-10 17:26:24","Record_Id":0,"alm_cleared_type":2,"note":"单体电压低"}] */
export const CancelTheAlarm = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Battalarm_dataAction!cancelalarm ",
        data: "json=" + JSON.stringify(data)
    })
}

 src/assets/js/alarmAdmian/deviceHistoryquery.js

New file
@@ -0,0 +1,50 @@
import axios from "../axios";
/* 设备告警历史页面查询 */

/* 查询设备历史告警记录
json={"binf":{"StationName":"","StationName1":"","BattProductDate":"2000-01-01 00:00:00",
"BattProductDate1":"2020-09-11 23:59:59"},"page":{"pageSize":10,"pageCurr":1}}
*/
export const deviceRecord = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Batt_devalarm_data_historyAction!serchByCondition  ",
        data: "json=" + JSON.stringify(data)
    })
}


/* 页面加载时查询维护区中的枢纽类型
无参
*/
export const deviceArea = () => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup",
        data: null
    })
}

/* 根据维护区查询站点
json={"UNote":""}
*/
export const deviserchSeions = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationNameInGroup",
        data: "json=" + JSON.stringify(data)
    })
}


/* 删除告警
json=[{"num":"202255","stationName":"湖北省-武汉市-BTS-东西湖区-假负载测试机房","note":"采集线告警"}]
*/
export const deviceArarmdel = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Batt_devalarm_data_historyAction!deletePro",
        data: "json=" + JSON.stringify(data)
    })
}


 src/assets/js/alarmAdmian/deviceTimequery.js

New file
@@ -0,0 +1,61 @@
import axios from "../axios";
/* 设备告警实时页面查询 */

/* 查询设备实时告警
json={"stationName1":"","stationName":"","alm_type":"0","page":{"pageSize":14,"pageCurr":1}}
*/
export const deviceAlarm = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Batt_devalarm_dataAction!serchByInfo",
        data: "json=" + JSON.stringify(data)
    })
}

/* 
确认告警
json=[{"num":"118001","stationName":"江苏省-连云港市-赣榆区-10kV紫菜工业园开闭所-LD9","alm_is_confirmed":1,
"alm_confirmed_time":"2020-09-11 09:51:57","note":"通信故障"}]
*/
export const deviceOk = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Batt_devalarm_dataAction!updatePro",
        data: "json=" + JSON.stringify(data)
    })
}


/* 删除告警
json=[{"num":"166763","stationName":"湖北省-黄石市-黄石港区-测试机房-61850设备","note":"通信故障"}]
*/
export const deviceDelete = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Batt_devalarm_dataAction!deletePro ",
        data: "json=" + JSON.stringify(data)
    })
}


/* 页面加载时查询维护区中的枢纽类型
 无参
*/
export const deviceTypes = () => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup ",
        data: null
    })
}

/* 
根据维护区查询站点  json={"UNote":""}
*/
export const deviceSeions = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationNameInGroup ",
        data: "json=" + JSON.stringify(data)
    })
}

 src/assets/js/dataAdmian/batteryMager.js

New file
@@ -0,0 +1,66 @@
import axios from "../axios";
/* 电池关注管理页面 */


/* 查询关注的电池组单体 json={"page":{"pageCurr":1,"pageSize":10},"binf":{"StationName":"","StationName1":"","BattGroupId":"0","MonNum":"0"}} */
export const serachMonomer = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Batt_attentionAction!serchByCondition",
        data: "json=" + JSON.stringify(data)
    })
}

/* 
取消关注
json={"BattGroupId":1000013,"MonNum":2} */
export const unfollow = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Batt_attentionAction!delete",
        data: "json=" + JSON.stringify(data)
    })
}

/* 页面加载时查询维护区中的枢纽类型   无参*/
export const MaintenanceArea = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup",
        data: "json=" + JSON.stringify(data)
    })
}

/* 根据维护区查询机房站点 
json={"UNote":"上海市"} */
export const computerSite = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationNameInGroup",
        data: "json=" + JSON.stringify(data)
    })
}


/* 根据维护区和机房查询蓄电池组
json={"UNote":"上海市","UName":"上海市-市辖区-浦东新区-白莲已站-FBS"} */
export const storageBattery = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchBattgroupidInGroup",
        data: "json=" + JSON.stringify(data)
    })
}

/* 当选择蓄电池组时
bif.BattGroupId=1005074 */
export const selectBattery = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/BattInfAction!serchByMonNum",
        data: "json=" + JSON.stringify(data)
    })
}




 src/assets/js/dataAdmian/dataAmian.js

New file
@@ -0,0 +1,75 @@
import axios from "../axios";
/* 电池充放电数据管理页面 */

/**
 * 查询机房名称 落后单体电压等
 * 参数：result={"page":{"pageCurr":"1","pageSize":"10"},"binf":{"StationName1":"","StationName":"","BattGroupId":"0"},"tdata":{"test_type":"3000","record_time":"2000-1-1 00:00:00","record_time1":"2020-09-08 23:59:59","test_starttype":"0"}}
 */
export const dataSeachroms = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/BattTest_ResAction!serchByCondition",
        data: "result=" + JSON.stringify(data)
    })
}


/*  页面加载时查询维护区中的枢纽类型 
无参
*/
export const dataArea = () => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup",
        data: null
    })
}


/* 根据维护区查询机房站点
json={"UNote":"上海市"}
*/
export const dataComputersite = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationNameInGroup",
        data: "json=" + JSON.stringify(data)
    })
}



/* 根据维护区和机房查询蓄电池组
json={"UNote":""内蒙古自治区","UName":""}
*/
export const dataBattery = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchBattgroupidInGroup",
        data: "json=" + JSON.stringify(data)
    })
}


/* 创建等待框
result={"page":{"pageCurr":"1","pageSize":"10"},"binf":{"StationName1":"上海市","StationName":"上海市-市辖区-浦东新区-丁香站-FBS","BattGroupId":"0"},"tdata":{"test_type":"3000","record_time":"2000-1-1 00:00:00","record_time1":"2020-09-08 23:59:59","test_starttype":"0"}}
*/
export const dataSawait = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/BattTest_ResAction!serchByCondition",
        data: "result=" + JSON.stringify(data)
    })
}

/* 删除测试数据
result=[{"StationId":"1","StationName":"湖北省-鄂州市-鄂城区-东方世纪城-设备1","BattGroupId":1000007,"BattGroupName":"新增测试-电池组","MonCapStd":50,"MonVolStd":12,"num":1435,"FBSDeviceId":14}]
*/
/* 返回 {"bmd":null,"result":"{\"code\":1,\"msg\":\"删除成功!\",\"sum\":0,\"newsum\":0}"} */
export const dataDelete = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/BattTest_ResAction!delete",
        data: "result=" + JSON.stringify(data)
    })
}       

 src/assets/js/dataAdmian/dischargeTest.js

New file
@@ -0,0 +1,78 @@
import axios from "../axios";
/* 电池放电测试页面 */

//根据机房名称查询机房下的电池组信息
//bif.StationName1=&bif.StationName=江苏省-泰州市-海陵区-美好易居城领域小区1#开闭所-LD9设备
export const BatteryInformation = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/attInfAction!serchByBattGroupName",
        data: "json=" + JSON.stringify(data)
    })
}


/* 页面加载时查询维护区中的枢纽类型  无参 */
export const assertClaim = () => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup",
        data: null
    })
}

/* 根据维护区查询站点  
json={"UNote":"上海市"}
*/
export const serachStation = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchStationNameInGroup",
        data: "json=" + JSON.stringify(data)
    })
}


/* 根据机房查询电池组 
json={"UNote":"","UName":""}
*/
export const serachBattery = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/User_battgroup_baojigroup_battgroupAction!serchBattgroupidInGroup",
        data: "json=" + JSON.stringify(data)
    })
}

/* 移除指定的电池组从表格中  Devstate_usrAction!del*/


/* 读取BTS等设备的放电参数  json={"num":41,"dev_id":"910000012"} */
/*返回 {"result":"{\"code\":0,\"msg\":\"设置9100参数失败,请检查网络!\",\"sum\":0,\"newsum\":0}"} */
export const readParameter = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Fbs9100_setparamAction_action_serchbyDev_id",
        data: "json=" + JSON.stringify(data)
    })
}


//查询用户之前的添加设备的记录  无参
export const addDevicerecord = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Devstate_usrAction!serchByCondition",
        data: "json=" + JSON.stringify(data)
    })
}


// 根据设备id判断是否可以放电  json={"dev_id":910000011}
export const dataDischarge = (data) => {
    return axios({
        method: "post",
        url: "/yckj/zijing_sx/Batt_dischargeAction!serchByCondition",
        data: "json=" + JSON.stringify(data)
    })
}

 src/components/PageMenu.vue

@@ -77,7 +77,7 @@
                            closable: true, 
                        },
                        {
                           label: '内组测试',
                           label: '内阻测试',
                            name: 'internalTest',
                            src: '#/internalTest',
                            closable: true, 
@@ -95,8 +95,41 @@
                            closable: true, 
                        },
                    ]
                }
            ],
                },
                   {
                    label: '告警管理',
                    name: 'alarmMager',
                    src: '',
                    icon: 'el-icon-message-solid',
                    closable: false,
                    childrens: [
                        {
                            label: '电池告警历史查询',
                            name: 'batteryrHistoryquery',
                            src: '#/batteryrHistoryquery',
                            closable: true, 
                        },
                        {
                           label: '电池告警实时查询',
                            name: 'batteryrTimequery',
                            src: '#/batteryrTimequery',
                            closable: true, 
                        },  {
                            label: '设备告警历史查询',
                            name: 'deviceHistoryquery',
                            src: '#/deviceHistoryquery',
                            closable: true, 
                        },
                        {
                           label: '设备告警实时查询',
                            name: 'deviceTimequery',
                            src: '#/deviceTimequery',
                            closable: true, 
                        },
                    ]
                },
            ]

        }
    },
    methods: {

 src/pages/alarmMager/batteryrHistoryquery.vue

New file
@@ -0,0 +1,489 @@
<template>
  <flex-layout direction="row" style="color:#ffffff">
    <content-Box>
      <div slot="title">电池告警历史查询 显示与隐藏查询条件</div>
      <div class="headrs">
        <table class="table-head" width="100%" border="1" cellspacing="0">
          <thead>
            <tr>
              <th>维护区</th>
              <th>机房站点</th>
              <th>蓄电池组</th>
              <th>告警开始日期</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td width="300px">
                <el-select v-model="value" placeholder="全部(共17种)" class="weihu">
                  <el-option
                    v-for="item in newsHost"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="500px">
                <el-select v-model="value" placeholder="全部(共70种)" class="rooms">
                  <el-option
                    v-for="item in newSite"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="300px">
                <el-select v-model="value" placeholder="全部(共93种)" class="dainchi">
                  <el-option
                    v-for="item in batterList"
                    :key="item.BattGroupId"
                    :label="item.BattGroupName"
                    :value="item.BattGroupId"
                  ></el-option>
                </el-select>
              </td>
              <td width="300px">
                <el-date-picker
                  class="blocks"
                  v-model="valueTime"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                ></el-date-picker>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <!-- 选择 -->
      <table class="condiOpt" border="1">
        <tr class="trTitle">
          <td>
            <center>
              <input type="checkbox">在线电压
            </center>
          </td>
          <td>
            <center>
              <input type="checkbox">组端电压
            </center>
          </td>
          <td>
            <center>
              <input type="checkbox">
              充电电流
            </center>
          </td>
          <td>
            <center>
              <input type="checkbox">
              放电电流
            </center>
          </td>
          <td>
            <center>
              <input type="checkbox">
              一级告警
            </center>
          </td>
          <td>
            <center>
              <input type="checkbox">
              二级告警
            </center>
          </td>
          <td>
            <center>
              <input type="checkbox">
              上限告警
            </center>
          </td>
        </tr>
        <tr class="body">
          <td colspan="2">
            <center>
              <input type="checkbox">单体电压
            </center>
          </td>
          <td>
            <center>
              <input type="checkbox">单体内阻
            </center>
          </td>
          <td>
            <center>
              <input type="checkbox">单体温度
            </center>
          </td>
          <td>
            <center>
              <input type="checkbox">三级告警
            </center>
          </td>
          <td>
            <center>
              <input type="checkbox">四级告警
            </center>
          </td>
          <td>
            <center>
              <input type="checkbox">下限告警
            </center>
          </td>
        </tr>
      </table>

      <!-- 表单 -->
      <el-table border size="small" :data="table.datas" height="73%" class="tableCent">
        <el-table-column
          v-for="header in table.headers"
          :key="header.prop"
          :prop="header.prop"
          :label="header.label"
          :width="header.width"
          align="center"
        ></el-table-column>
        <el-table-column label="确认告警">
          <input type="checkbox">
        </el-table-column>
      </el-table>

      <!-- 底部分页 -->
      <div class="paginations">
        <ul>
          <li>查询</li>
          <li>导出</li>
          <li>表格选项</li>
        </ul>
        <el-pagination
          class="pagess"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :page-sizes="[2, 5, 10, 20]"
          :page-size="100"
          layout="total, sizes, prev, pager, next, jumper"
          :total="20"
        ></el-pagination>
      </div>
    </content-Box>
  </flex-layout>
</template>

<script>
import ContentBox from "../../components/ContentBox";
import {
  historyTrye /* 维护区 */,
  historyStation /*机房站点 */,
  historyBattery /* 蓄电池组 */,
  historySeroom /* 历史告警记录 */
} from "@/assets/js/alarmAdmian/batteryrHistoryquery.js";
export default {
  components: {
    ContentBox
  },
  data() {
    return {
      /* 日期 */
      valueTime: "",
      /* 维护区 */
      newsHost: [
        {
          value: null,
          label: null
        }
      ],
      /* 机房站点 */
      newSite: [
        {
          value: null,
          label: null
        }
      ],
      /*蓄电池组 */
      batterList: [
        {
          value: null,
          label: null
        }
      ],

      value: "",
      /* 表单 */
      table: {
        headers: [
          {
            prop: "room1",
            label: "编号",
            width: ""
          },
          {
            prop: "battery1",
            label: "机房名称",
            width: ""
          },
          {
            prop: "tes1",
            label: "电池组名称",
            width: ""
          },
          {
            prop: "tester1",
            label: "告警名称",
            width: ""
          },
          {
            prop: "current1",
            label: "单体编号",
            width: ""
          },
          {
            prop: "capacity1",
            label: "告警值",
            width: ""
          },
          {
            prop: "monomer1",
            label: "告警等级",
            width: ""
          },
          /*    {
            prop: "number1",
            label: "确认告警",
            width: ""
          }, */
          {
            prop: "alarm1",
            label: "告警确认时间",
            width: ""
          },
          {
            prop: "start1",
            label: "告警开始时间",
            width: ""
          },
          {
            prop: "end1",
            label: "告警结束时间",
            width: ""
          }
        ],
        datas: [
          {
            room1: 0,
            battery1: 0,
            tes1: 0,
            tester1: 0,
            current1: 0,
            capacity1: 0,
            monomer1: 0,
            number1: 0,
            vol1: 0,
            alarm1: 0,
            start1: 0,
            end1: 0
          }
        ]
      }
    };
  },
  mounted() {
    this.hisPivot(); /* 维护区 */
    this.sessionSite(); /* 机房站点 */
    this.batterJque(); /* 蓄电池组 */
    this.historyArlm(); /* 历史告警记录 */
  },
  methods: {
    /* 维护区 */
    async hisPivot() {
      const hisTrpes = await historyTrye();
      /*   console.log('hisTrpes',hisTrpes); */
      if (hisTrpes.data.result) {
        const pivotList = JSON.parse(hisTrpes.data.result).data.map(item => {
          return { label: item };
        });
        /*     console.log(' pivotList', pivotList); */
        const aaaa = pivotList.map((item, index) => {
          /* 生成index */
          item.value = index + 1;
          return item;
        });
        this.newsHost = aaaa;
      }
    },
    /*机房站点 */
    async sessionSite() {
      const siteList = await historyStation({ UNote: "" });
      /* console.log("siteList", siteList); */
      if (siteList.data.result) {
        const newSitelist = JSON.parse(siteList.data.result).data.map(item => {
          return { label: item };
        });
        /*  console.log('newSitelist', newSitelist) */
        const eeee = newSitelist.map((item, index) => {
          /* 生成index */
          item.value = index + 1;
          return item;
        });
        this.newSite = eeee;
        /* console.log('this.newSite',this.newSite); */
      }
    },
    /* 蓄电池组 */
    async batterJque() {
      const jquerys = await historyBattery({ UNote: "", UName: "" });
      /*    console.log(jquerys); */
      if (jquerys.data.result) {
        this.batterList = JSON.parse(jquerys.data.result).data.map(item => {
          item.BattGroupName = `${item.BattGroupName}-${item.MonCount}节`;
          return item;
        });
        /*     console.log('this.batterList',this.batterList); */
      }
    },
    /* 历史告警记录 */
    async historyArlm() {
      const historyList = await historySeroom({
        page: { pageCurr: 1, pageSize: 10, pageAll: 0 },
        binf: { StationName1: "", StationName: "", BattGroupId: "0" },
        mainf: {
          appoint_uid: "4",
          master_audit: "3",
          num: "1",
          BattGroupId: "2",
          usr_id: "119001",
          fault_type_id: 119002,
          fault_level: "119003",
          record_uid: "119004",
          maint_type_id: "119005",
          maint_done: "119006",
          maint_close: "119007",
          master_id: "0"
        },
        adata_H: {
          MonNum: "0",
          alm_id: 1,
          alm_start_time: "2000-1-1 00:00:00",
          alm_start_time1: "2020-09-11 23:59:59",
          alm_signal_id: 0,
          Record_Id: "0"
        }
      });
      console.log("historyList", historyList);
      const newHist = JSON.parse(historyList.data.result).data
       console.log('newHist',newHist);
/* console.log(newHist[0].binf.BattGroupName);
             this.table.datas[0].battery1 = newHist[4].binf.StationName9
         */
    const  newLists  =  newHist.map((item,index)=>{
            item.index = index + 1
            return {
              room1:item.index,
              battery1: item.binf.StationName,
              tes1 :item.binf.BattGroupName,
              tester1:item.binf.StationName8,
              current1:item.adata_H.MonNum,
              capacity1:item.adata_H.alm_value,
            monomer1:item.binf.StationName9,
          start1:item.adata_H.alm_start_time,
          end1:item.adata_H.alm_end_time,
          alarm1:item.adata_H.alm_confirmed_time,
            }
          })
        console.log('newLists',newLists);

    this.table.datas = newLists


    },
    handleSizeChange(val) {
      /*  console.log(`每页 ${val} 条`); */
    },
    handleCurrentChange(val) {
      /* console.log(`当前页: ${val}`); */
    }
  }
};
</script>

<style lang="less" scoped>
.headrs {
  font-weight: 900;
  height: 80px;
  width: 100%;
  position: relative;
  .table-head {
    color: #ffff;
    position: absolute;
    top: 3%;
    border: 1px solid #ffffff;
    thead tr {
      height: 35px;
    }

    tbody tr {
      height: 70%;
    }
  }

  .weihu {
    width: 100%;
  }

  .dainchi {
    width: 100%;
  }

  .rooms {
    width: 100%;
  }
  .blocks {
    width: 100%;
  }
}

/* 表单 */
.tableCent {
  margin-top: 3px;
}

/* 底部 */
.paginations {
  /*  border: 1px solid red; */
  width: 100%;
  position: relative;

  ul {
    position: absolute;
    top: 5px;
    left: 26%;
  }
  ul li {
    display: inline-block;
    margin: 2px;
  }

  .pagess {
    margin: 2px auto;
    width: 30%;
    /*  border: 1px solid blue; */
  }
}

/* 条件选择 */
.condiOpt {
  border: 1px solid #ffffff;
  width: 100%;
  margin-top: 3px;

  .trTitle {
    height: 35px;
  }
  .body {
    height: 35px;
  }
}
</style>

 src/pages/alarmMager/batteryrTimequery.vue

New file
@@ -0,0 +1,454 @@
<template>
  <flex-layout direction="row" style="color:#ffffff">
    <content-Box>
      <div slot="title">电池告警实时查询 显示与隐藏查询条件</div>
      <div class="headrs">
        <table class="table-head" width="100%" border="1" cellspacing="0">
          <thead>
            <tr>
              <th>维护区</th>
              <th>机房站点</th>
              <th>蓄电池组</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td width="300px">
                <el-select v-model="value" placeholder="全部(共17种)" class="weihu">
                  <el-option
                    v-for="item in vindicate"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="500px">
                <el-select v-model="value" placeholder="全部(共14种)" class="rooms">
                  <el-option
                    v-for="item in setions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="300px">
                <el-select v-model="value" placeholder="全部(共14种)" class="dainchi">
                  <el-option
                    v-for="item in options"
                    :key="item.BattGroupId"
                    :label="item.BattGroupName"
                    :value="item.BattGroupId"
                  ></el-option>
                </el-select>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <!-- 告警状态警示灯 -->
      <table class="condiOpt" border="1">
        <tr class="trTitle">
          <td>
            <center>告警状态警示灯</center>
          </td>
          <td>
            <center>告警条件过滤</center>
          </td>
          <td>
            <center>告警阀值过滤</center>
          </td>
          <td>
            <center>告警等级过滤</center>
          </td>
        </tr>
        <tr class="trBody">
          <td class="tdOne">
            <ul class="light">
              
              <li>
                   <el-tooltip class="item" effect="dark" content="一级警告" placement="bottom-end">
                <img src="../../assets/images/eleOff.gif"></el-tooltip>
              </li>
              <li>
                   <el-tooltip class="item" effect="dark" content="二级警告" placement="bottom-end">
                <img src="../../assets/images/eleOn.gif"></el-tooltip>
              </li>
              <li>
                   <el-tooltip class="item" effect="dark" content="三级警告" placement="bottom-end">
                <img src="../../assets/images/eleOff.gif"></el-tooltip>
              </li>
              <li>
                   <el-tooltip class="item" effect="dark" content="四级警告" placement="bottom-end">
                <img src="../../assets/images/eleOff.gif"></el-tooltip>
              </li>
            </ul>
          </td>
          <td class="tdTwo">
            <ul class="inputOne">
              <li>
                <input type="checkbox">在线电压
              </li>
              <li>
                <input type="checkbox">组端电压
              </li>
              <li>
                <input type="checkbox">充电电压
              </li>
              <li>
                <input type="checkbox">放电电压
              </li>
              <br>

              <li>
                <input type="checkbox">单体电压
              </li>
              <li>
                <input type="checkbox">单体内阻
              </li>
              <li>
                <input type="checkbox">单体温度
              </li>
            </ul>
          </td>
          <td class="tdTree">
            <input type="checkbox">上限告警
            <br>
            <input type="checkbox">
            下限告警
          </td>
          <td class="tdFrou">
            <input type="checkbox">一级告警
            <input type="checkbox">二级告警
            <br>
            <input type="checkbox">三级告警
            <input type="checkbox">
            四级告警
          </td>
        </tr>
      </table>

      <!-- 表单 -->
      <el-table border size="small" :data="table.datas" height="67%" class="tableCent">
        <el-table-column
          v-for="header in table.headers"
          :key="header.prop"
          :prop="header.prop"
          :label="header.label"
          :width="header.width"
          align="center"
        ></el-table-column>
        <el-table-column label="确认告警">
          <input type="checkbox">
        </el-table-column>
      </el-table>

      <!-- 底部分页 -->
      <div class="paginations">
        <ul>
          <li>查询</li>
          <li>导出</li>
          <li>表格选项</li>
        </ul>
        <el-pagination
          class="pagess"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :page-sizes="[2, 5, 10, 20]"
          :page-size="100"
          layout="total, sizes, prev, pager, next, jumper"
          :total="20"
        ></el-pagination>
      </div>
    </content-Box>
  </flex-layout>
</template>

<script>
import ContentBox from "../../components/ContentBox";
import {
  dataType /* 维护区 */,
  roomsStation /* 机房站点 */,
  batterySeach /* 蓄电池组 */
} from "@/assets/js/alarmAdmian/batteryrTimequery.js";
export default {
  components: {
    ContentBox
  },
  data() {
    return {
      /* 维护区 */
      vindicate: [
        {
          value: "选项1",
          label: null
        }
      ],
      /* 机房站点 */
      setions: [
        {
          value: "选项2",
          label: null
        }
      ],
      /* 蓄电池租 */
      options: [
        {
          value: "选项3",
          label: null
        }
      ],
      value: "", //select的值
      /* 表单 */
      table: {
        headers: [
          {
            prop: "room1",
            label: "编号",
            width: ""
          },
          {
            prop: "battery1",
            label: "机房名称",
            width: ""
          },
          {
            prop: "tes1",
            label: "电池组名称",
            width: ""
          },
          {
            prop: "tester1",
            label: "告警名称",
            width: ""
          },
          {
            prop: "current1",
            label: "单体编号",
            width: ""
          },
          {
            prop: "capacity1",
            label: "告警值",
            width: ""
          },
          {
            prop: "monomer1",
            label: "告警等级",
            width: ""
          },
          /*    {
            prop: "number1",
            label: "确认告警",
            width: ""
          }, */
          {
            prop: "alarm1",
            label: "告警确认时间",
            width: ""
          },
          {
            prop: "start1",
            label: "告警开始时间",
            width: ""
          },
          {
            prop: "end1",
            label: "告警结束时间",
            width: ""
          }
        ],
        datas: [
          {
            room1: 0,
            battery1: 0,
            tes1: 0,
            tester1: 0,
            current1: 0,
            capacity1: 0,
            monomer1: 0,
            number1: 0,
            vol1: 0,
            alarm1: 0,
            start1: 0,
            end1: 0
          }
        ]
      }
    }
  },
  mounted() {
    this.vindicateData(); /* 维护区 */
    this.computerSite(); /*机房站点 */
    this.storageBatterys(); /* 蓄电池组 */
  },
  methods: {
    /* 维护区 */
    async vindicateData() {
      const resType = await dataType();
      const typeList = JSON.parse(resType.data.result).data.map(item => {
        return { label: item };
      });
      const mmm = typeList.map((item, index) => {
        /* 生成index */
        item.value = index + 1;
        return item;
      });
      /*  console.log('mmm',mmm); */
      this.vindicate = mmm;
    },
    /* 机房站点 */
    async computerSite() {
      const roomsSeation = await roomsStation({ UNote: "" });
      if (roomsSeation.data.result) {
        /*   console.log("roomsSeation", roomsSeation); */
        const newRoms = JSON.parse(roomsSeation.data.result).data.map(item => {
          return { label: item };
        });
        const sss = newRoms.map((item, index) => {
          item.value = index + 1;
          return item;
        });
        /*    console.log("sss", sss); */
        this.setions = sss;
      }
    },
    /* 蓄电池租 */
    async storageBatterys() {
      const batteryss = await batterySeach({ UNote: "", UName: "" });
      /*    console.log("batteryss", batteryss); */
      if (batteryss.data.result) {
        this.options = JSON.parse(batteryss.data.result).data.map(item => {
          item.BattGroupName = `${item.BattGroupName}-${item.MonCount}节`;
          return item;
        });
           console.log('this.options',this.options)
      }
    },

    handleSizeChange(val) {
      /*     console.log(`每页 ${val} 条`); */
    },
    handleCurrentChange(val) {
      /*   console.log(`当前页: ${val}`); */
    }
  }
};
</script>

<style lang="less" scoped>
.headrs {
  font-weight: 900;
  height: 80px;
  width: 100%;
  position: relative;
  .table-head {
    color: #ffff;
    position: absolute;
    top: 3%;
    border: 1px solid #ffffff;
    thead tr {
      height: 35px;
    }

    tbody tr {
      height: 70%;
    }
  }

  .weihu {
    width: 100%;
  }

  .dainchi {
    width: 100%;
  }

  .rooms {
    width: 100%;
  }
}

/* 表单 */
.tableCent {
  margin-top: 3px;
}

/* 底部 */
.paginations {
  /*  border: 1px solid red; */
  width: 100%;
  position: relative;

  ul {
    position: absolute;
    top: 5px;
    left: 26%;
  }
  ul li {
    display: inline-block;
    margin: 2px;
  }

  .pagess {
    margin: 2px auto;
    width: 30%;
    /*  border: 1px solid blue; */
  }
}

/* 条件选择 */
.condiOpt {
  border: 1px solid #ffffff;
  width: 100%;
  margin-top: 3px;

  .trTitle {
    height: 35px;
  }

  /* 告警状态警示灯 */
  .tdOne {
    width: 15%;

    .light li {
      display: inline-block;
      margin: 20px;
    }

    .light li img {
      margin-left: 32px;
    }
  }
  /* 告警条件过滤 */
  .tdTwo {
    width: 30%;
    .inputOne li {
      display: inline-block;
      margin-left: 95px;
      padding: 3px;
    }
  }

  /* 告警阀值过滤 */
  .tdTree {
    width: 10%;

    input {
      margin-left: 35%;
      margin-top: 10px;
    }
  }

  /* 告警等级过滤 */
  .tdFrou {
    width: 15%;
    input {
      margin-left: 20%;
      margin-top: 10px;
    }
  }
}
</style>

 src/pages/alarmMager/deviceHistoryquery.vue

New file
@@ -0,0 +1,274 @@
<template>
  <flex-layout direction="row" style="color:#ffffff">
    <content-Box>
      <div slot="title">设备告警历史查询 显示与隐藏查询条件</div>
      <div class="headrs">
        <table class="table-head" width="100%" border="1" cellspacing="0">
          <thead>
            <tr>
              <th>维护区</th>
              <th>机房名称</th>
              <th>告警开始时间</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td width="300px">
                <el-select v-model="value" placeholder="维护区" class="weihu">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="500px">
                <el-select v-model="value" placeholder="湖北省-武汉市-东西湖区-武汉原畅模拟机房-LD9设备" class="rooms">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
             <td width="300px">
                <el-date-picker
                  class="blocks"
                  v-model="valueTime"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                ></el-date-picker>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <!-- 表单 -->
      <el-table border size="small" :data="table.datas" height="82%" class="tableCent">
        <el-table-column
          v-for="header in table.headers"
          :key="header.prop"
          :prop="header.prop"
          :label="header.label"
          :width="header.width"
          align="center"
        ></el-table-column>
        <el-table-column label="确认告警">
          <input type="checkbox">
        </el-table-column>
      </el-table>

      <!-- 底部分页 -->
      <div class="paginations">
        <ul>
          <li>查询</li>
          <li>导出</li>
          <li>表格选项</li>
        </ul>
        <el-pagination
          class="pagess"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :page-sizes="[2, 5, 10, 20]"
          :page-size="100"
          layout="total, sizes, prev, pager, next, jumper"
          :total="20"
        ></el-pagination>
      </div>
    </content-Box>
  </flex-layout>
</template>

<script>
import ContentBox from "../../components/ContentBox";
export default {
  components: {
    ContentBox
  },
  data() {
    return {
        /* 日期 */
        valueTime:'',
      /* 选择器内容 */
      options: [
        {
          value: "选项1",
          label: "黄金糕"
        },
        {
          value: "选项2",
          label: "双皮奶"
        },
        {
          value: "选项3",
          label: "蚵仔煎"
        },
        {
          value: "选项4",
          label: "龙须面"
        },
        {
          value: "选项5",
          label: "北京烤鸭"
        }
      ],
      value: "",
      /* 表单 */
      table: {
        headers: [
          {
            prop: "room1",
            label: "编号",
            width: ""
          },
          {
            prop: "battery1",
            label: "设备ID",
            width: ""
          },
          {
            prop: "tes1",
            label: "设备名",
            width: ""
          },
          {
            prop: "tester1",
            label: "设备IP",
            width: ""
          },
            {
            prop: "tester1",
            label: "机房名称",
            width: ""
          },
          {
            prop: "current1",
            label: "告警事件",
            width: ""
          },
          {
            prop: "capacity1",
            label: "告警等级",
            width: ""
          },
          {
            prop: "monomer1",
            label: "告警确认时间",
            width: ""
          },
          /*    {
            prop: "number1",
            label: "确认告警",
            width: ""
          }, */
          {
            prop: "start1",
            label: "告警开始时间",
            width: ""
          },
          {
            prop: "end1",
            label: "告警结束时间",
            width: ""
          }
        ],
        datas: [
          {
            room1: 0,
            battery1: 0,
            tes1: 0,
            tester1: 0,
            current1: 0,
            capacity1: 0,
            monomer1: 0,
            number1: 0,
            vol1: 0,
            alarm1: 0,
            start1: 0,
            end1: 0
          }
        ]
      }
    };
  },
  created() {},
  methods: {
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
    }
  }
};
</script>

<style lang="less" scoped>
.headrs {
  font-weight: 900;
  height: 80px;
  width: 100%;
  position: relative;
  .table-head {
    color: #ffff;
    position: absolute;
    top: 3%;
    border: 1px solid #ffffff;
    thead tr {
      height: 35px;
    }

    tbody tr {
      height: 70%;
    }
  }

  .weihu {
    width: 100%;
  }

  .dainchi {
    width: 100%;
  }

  .rooms {
    width: 100%;
  }
  .blocks{
      width: 100%;
  }
}

/* 表单 */
.tableCent {
  margin-top: 3px;
}

/* 底部 */
.paginations {
  /*  border: 1px solid red; */
  width: 100%;
  position: relative;

  ul {
    position: absolute;
    top: 5px;
    left: 26%;
  }
  ul li {
    display: inline-block;
    margin: 2px;
  }

  .pagess {
    margin: 2px auto;
    width: 30%;
    /*  border: 1px solid blue; */
  }
}
</style>

 src/pages/alarmMager/deviceTimequery.vue

New file
@@ -0,0 +1,269 @@
<template>
  <flex-layout direction="row" style="color:#ffffff">
    <content-Box>
      <div slot="title">设备告警实时查询 显示与隐藏查询条件</div>
      <div class="headrs">
        <table class="table-head" width="100%" border="1" cellspacing="0">
          <thead>
            <tr>
              <th>维护区</th>
              <th>机房名称</th>
              <th>告警类型</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td width="300px">
                <el-select v-model="value" placeholder="维护区" class="weihu">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="500px">
                <el-select v-model="value" placeholder="湖北省-武汉市-东西湖区-武汉原畅模拟机房-LD9设备" class="rooms">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="300px">
                <el-select v-model="value" placeholder="蓄电池组" class="dainchi">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <!-- 表单 -->
      <el-table border size="small" :data="table.datas" height="82%" class="tableCent">
        <el-table-column
          v-for="header in table.headers"
          :key="header.prop"
          :prop="header.prop"
          :label="header.label"
          :width="header.width"
          align="center"
        ></el-table-column>
        <el-table-column label="确认告警">
          <input type="checkbox">
        </el-table-column>
      </el-table>

      <!-- 底部分页 -->
      <div class="paginations">
        <ul>
          <li>查询</li>
          <li>导出</li>
          <li>表格选项</li>
        </ul>
        <el-pagination
          class="pagess"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :page-sizes="[2, 5, 10, 20]"
          :page-size="100"
          layout="total, sizes, prev, pager, next, jumper"
          :total="20"
        ></el-pagination>
      </div>
    </content-Box>
  </flex-layout>
</template>

<script>
import ContentBox from "../../components/ContentBox";
export default {
  components: {
    ContentBox
  },
  data() {
    return {
      /* 选择器内容 */
      options: [
        {
          value: "选项1",
          label: "黄金糕"
        },
        {
          value: "选项2",
          label: "双皮奶"
        },
        {
          value: "选项3",
          label: "蚵仔煎"
        },
        {
          value: "选项4",
          label: "龙须面"
        },
        {
          value: "选项5",
          label: "北京烤鸭"
        }
      ],
      value: "",
      /* 表单 */
      table: {
        headers: [
          {
            prop: "room1",
            label: "编号",
            width: ""
          },
          {
            prop: "battery1",
            label: "设备ID",
            width: ""
          },
          {
            prop: "tes1",
            label: "设备名",
            width: ""
          },
          {
            prop: "tester1",
            label: "设备IP",
            width: ""
          },
            {
            prop: "tester1",
            label: "机房名称",
            width: ""
          },
          {
            prop: "current1",
            label: "告警事件",
            width: ""
          },
          {
            prop: "capacity1",
            label: "告警等级",
            width: ""
          },
          {
            prop: "monomer1",
            label: "告警确认时间",
            width: ""
          },
          /*    {
            prop: "number1",
            label: "确认告警",
            width: ""
          }, */
          {
            prop: "start1",
            label: "告警开始时间",
            width: ""
          },
          {
            prop: "end1",
            label: "告警结束时间",
            width: ""
          }
        ],
        datas: [
          {
            room1: 0,
            battery1: 0,
            tes1: 0,
            tester1: 0,
            current1: 0,
            capacity1: 0,
            monomer1: 0,
            number1: 0,
            vol1: 0,
            alarm1: 0,
            start1: 0,
            end1: 0
          }
        ]
      }
    };
  },
  created() {},
  methods: {
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
    }
  }
};
</script>

<style lang="less" scoped>
.headrs {
  font-weight: 900;
  height: 80px;
  width: 100%;
  position: relative;
  .table-head {
    color: #ffff;
    position: absolute;
    top: 3%;
    border: 1px solid #ffffff;
    thead tr {
      height: 35px;
    }

    tbody tr {
      height: 70%;
    }
  }

  .weihu {
    width: 100%;
  }

  .dainchi {
    width: 100%;
  }

  .rooms {
    width: 100%;
  }
}

/* 表单 */
.tableCent {
  margin-top: 3px;
}

/* 底部 */
.paginations {
  /*  border: 1px solid red; */
  width: 100%;
  position: relative;

  ul {
    position: absolute;
    top: 5px;
    left: 26%;
  }
  ul li {
    display: inline-block;
    margin: 2px;
  }

  .pagess {
    margin: 2px auto;
    width: 30%;
    /*  border: 1px solid blue; */
  }
}
</style>

 src/pages/dataMager/batteryMager.vue

@@ -1,24 +1,249 @@
<template>
  <div  style="color:#ffffff">
11111
  </div>
  <flex-layout direction="row" style="color:#ffffff">
    <content-Box>
      <div slot="title">电池关注管理 显示与隐藏查询条件</div>
      <div class="headrs">
        <table class="table-head" width="100%" border="1" cellspacing="0">
          <thead>
            <tr>
              <th>维护区</th>
              <th>机房站点</th>
              <th>电池组名称</th>
              <th>单体编号</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td width="300px">
                <el-select v-model="value" placeholder="维护区" class="weihu">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="500px">
                <el-select v-model="value" placeholder="湖北省-武汉市-东西湖区-武汉原畅模拟机房-LD9设备" class="rooms">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="300px">
                <el-select v-model="value" placeholder="蓄电池组" class="dainchi">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="300px">
                <el-select v-model="value" placeholder="全部选择" class="dainchi">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <!-- 表单 -->
      <el-table border size="small" :data="table.datas" height="82%" class="tableCent">
        <el-table-column
          v-for="header in table.headers"
          :key="header.prop"
          :prop="header.prop"
          :label="header.label"
          :width="header.width"
          align="center"
        ></el-table-column>
      </el-table>

      <!-- 底部 -->
      <!-- 底部分页 -->
      <div class="paginations">
        <ul>
          <li>查询</li>
          <li>导出</li>
          <li>表格选项</li>
        </ul>
        <el-pagination
          class="pagess"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="currentPage4"
          :page-sizes="[2, 5, 10, 20]"
          :page-size="100"
          layout="total, sizes, prev, pager, next, jumper"
          :total="20"
        ></el-pagination>
      </div>
    </content-Box>
  </flex-layout>
</template>

<script>
import ContentBox from "../../components/ContentBox";
export default {
  data () {
    return {

    }
  },
  created () {

  },
  methods: {

  }
  components: {
    ContentBox
  },
  data() {
    return {
      /* 选择器内容 */
      options: [
        {
          value: "选项1",
          label: "黄金糕"
        },
        {
          value: "选项2",
          label: "双皮奶"
        },
        {
          value: "选项3",
          label: "蚵仔煎"
        },
        {
          value: "选项4",
          label: "龙须面"
        },
        {
          value: "选项5",
          label: "北京烤鸭"
}
      ],
      value: "",
      /* 表单 */
      table: {
        headers: [
          {
            prop: "room1",
            label: "维护区",
            width: ""
          },
          {
            prop: "battery1",
            label: "机房名称",
            width: ""
          },
          {
            prop: "tes1",
            label: "电池组名称",
            width: ""
          },
          {
            prop: "tester1",
            label: "单体编号",
            width: ""
          },
          {
            prop: "current1",
            label: "单体实时电压",
            width: ""
          },
          {
            prop: "capacity1",
            label: "单体实际容量",
            width: ""
          },
          {
            prop: "monomer1",
            label: "单体容量百分比",
            width: ""
          }
        ],
        datas: [
          {
            room1: 0,
            battery1: 0,
            tes1: 0,
            tester1: 0,
            current1: 0,
            capacity1: 0,
            monomer1: 0,
            number1: 0,
            vol1: 0
          }
        ]
      }
    };
  },
  created() {},
  methods: {}
};
</script>

<style lang="less" scoped>
.headrs {
  font-weight: 900;
  height: 80px;
  width: 100%;
  position: relative;
  .table-head {
    color: #ffff;
    position: absolute;
    top: 3%;
    border: 1px solid #ffffff;
    thead tr {
      height: 35px;
    }

    tbody tr {
      height: 70%;
    }
  }

  .weihu {
    width: 100%;
  }

  .dainchi {
    width: 100%;
  }

  .rooms {
    width: 100%;
  }
}

/* 表单 */
.tableCent {
  margin-top: 5px;
}

/* 底部 */
.paginations {
  /*  border: 1px solid red; */
  width: 100%;
  position: relative;

  ul {
    position: absolute;
    top: 5px;
    left: 26%;
  }
  ul li {
    display: inline-block;
    margin: 2px;
  }

  .pagess {
    margin: 2px auto;
    width: 30%;

    /*  border: 1px solid blue; */
  }
}
</style>

 src/pages/dataMager/dataAdmian.vue

@@ -1,63 +1,33 @@
<template>
  <flex-layout direction="row" style="color:#ffffff">
    <content-Box>
      <div slot="title">电池充放电数据管理 显示与隐藏查询条件</div>
    <div class="headrs">
      <el-table>
        <el-table-column label="电池充放电数据管理 显示与隐藏查询条件" header-align="center"></el-table-column>
      </el-table>

      <table class="table-head" width="100%" border="1" cellspacing="0">
        <thead>
          <tr>
            <th>维护区</th>
            <th colspan="2" width="120px">机房站点</th>
              <th>机房站点</th>
            <th>蓄电池组</th>
            <th>电池测试记录</th>
            <th colspan="2">电池测试记录时间段</th>
              <th>电池测试记录时间段</th>
            <th>放电类型</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th>维护区</th>
            <th colspan="2" width="120px">机房站点</th>
            <th>蓄电池组</th>
            <th>电池测试记录</th>
            <th colspan="2">电池测试记录时间段</th>
            <th>放电类型</th>
          </tr>
        </tbody>
      </table>

      <!--  <table class="table-head" width="100%" border="1" cellspacing="0">
        <thead>
          <tr>
            <th>维护区</th>
            <th colspan="4">机房站点</th>
            <th>蓄电池组</th>
            <th>电池测试记录</th>
            <th colspan="2">电池测试记录时间段</th>
            <th>放电类型</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>全部</td>
            <td align="center" width="120">全部(70)</td>
            <td>准时率22</td>
            <td>准时率22</td>
            <td>准时度33</td>
            <td>准时率</td>
            <td>回来时间</td>
            <td>出去时间</td>
            <td>准时度</td>
            <td>准时率</td>
          </tr>
        </tbody>
      </table>-->

      <!-- 选择器 -->
      <!--   <div class="selects"> 
       <el-select v-model="value" placeholder="维护区">
              <td width="300px">
                <el-select v-model="value" placeholder="维护区" class="weihu">
                  <el-option
                    v-for="item in maintain"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="500px">
                <el-select v-model="value" placeholder="湖北省-武汉市-东西湖区-武汉原畅模拟机房-LD9设备" class="rooms">
        <el-option
          v-for="item in options"
          :key="item.value"
@@ -65,7 +35,9 @@
          :value="item.value"
        ></el-option>
      </el-select>
      <el-select v-model="value" placeholder="机房站点" class="rooms">
              </td>
              <td>
                <el-select v-model="value" placeholder="蓄电池组" class="dainchi">
        <el-option
          v-for="item in options"
          :key="item.value"
@@ -73,7 +45,9 @@
          :value="item.value"
        ></el-option>
      </el-select>
      <el-select v-model="value" placeholder="蓄电池组">
              </td>
              <td>
                <el-select v-model="value" placeholder="电池测试记录" class="tests">
        <el-option
          v-for="item in options"
          :key="item.value"
@@ -81,15 +55,9 @@
          :value="item.value"
        ></el-option>
      </el-select>
      <el-select v-model="value" placeholder="电池测试记录">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        ></el-option>
      </el-select>
      <div class="block">
              </td>
              <td width="300px">
                <div class="blocks">
        <el-date-picker
          v-model="valueTime"
          type="daterange"
@@ -98,7 +66,9 @@
          end-placeholder="结束日期"
        ></el-date-picker>
      </div>
      <el-select v-model="value" placeholder="放电类型">
              </td>
              <td width="300px">
                <el-select v-model="value" placeholder="放电类型" class="fangdian">
        <el-option
          v-for="item in options"
          :key="item.value"
@@ -106,11 +76,14 @@
          :value="item.value"
        ></el-option>
      </el-select>
      </div>-->
              </td>
            </tr>
          </tbody>
        </table>
    </div>

    <!-- 表单 -->
    <el-table border size="small" :data="table.datas" height="80%">
      <el-table border size="small" :data="table.datas" height="82%" class="tableCent">
      <el-table-column
        v-for="header in table.headers"
        :key="header.prop"
@@ -133,19 +106,29 @@
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage4"
        :page-sizes="[100, 200, 300, 400]"
          :page-sizes="[2, 5, 10, 20]"
        :page-size="100"
        layout="total, sizes, prev, pager, next, jumper"
        :total="400"
          :total="20"
      ></el-pagination>
    </div>
    </content-Box>
  </flex-layout>
</template>

<script>
import ContentBox from "../../components/ContentBox";

import { dataArea /* 维护区 */ } from "@/assets/js/dataAdmian/dataAmian.js";
import { async } from "q";

export default {
  components: {
    ContentBox
  },
  data() {
    return {
      newMaintain: {} /* 维护区 */,
      /* 底部分页 */
      currentPage1: 5,
      currentPage2: 5,
@@ -153,6 +136,13 @@
      currentPage4: 4,
      /* 日期 */
      valueTime: "",
      /* 维护区选择器 */
      maintain: [
        {
          value: "选项1",
          label: 0
        }
      ],
      /* 选择器内容 */
      options: [
        {
@@ -278,7 +268,15 @@
      }
    };
  },
  created() {},
  async mounted() {
    const www = await dataArea();
    const maintain = JSON.parse(www.data.result).data;
    /*  console.log('maintain',maintain); */
    this.newMaintain = maintain.map(item => {
      return { item };
    });
    /*    console.log(' this.newMaintain', this.newMaintain); */
  },
  methods: {
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
@@ -291,62 +289,63 @@
</script>

<style lang="less" scoped>
/deep/ .el-pagination__total {
  color: #ffff !important;
}
/deep/ .el-pagination__jump {
  color: #ffff !important;
}

.headrs {
  border: 1px solid red;
  height: 170px;
  font-weight: 900;
  height: 80px;
  width: 100%;
  position: relative;
  /*    border: 1px solid red; */
  .table-head {
    color: #ffff;
    border: 1px solid #ffffff;
    position: absolute;
    top: 28%;

    top: 3%;
thead tr {
  height: 30px;
      height: 35px;
}

tbody tr{
   height: 30px;
      height: 70%;
    }
}

  .weihu {
    width: 100%;
  }

  .dainchi {
    width: 100%;
  }

  /*  .titiles {
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 10px;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    background-image: linear-gradient(
      rgb(62, 189, 201),
      #016a95,
      #00638d,
      #006999,
      #009ee3
    );
    line-height: 32px;
    font-weight: bold;
  } */
  .tests {
    width: 100%;
  }

  .selects {
    height: 100%;
    display: flex;
  .blocks {
    width: 100%;
  }

    .rooms {
      flex: 2;
    width: 100%;
    }
    .block {
      flex: 1;
  .fangdian {
    width: 100%;
    }
  }

.tableCent {
  margin-top: 5px;
}

.paginations {
  border: 1px solid red;
  /*  border: 1px solid red; */
  width: 100%;
  position: relative;

@@ -361,9 +360,10 @@
  }

  .pagess {
    margin: 0 auto;
    margin: 2px auto;
    width: 30%;
    border: 1px solid blue;

    /*  border: 1px solid blue; */
  }
}
</style>

 src/pages/dataMager/dischargeTest.vue

@@ -1,24 +1,212 @@
<template>
  <div  style="color:#ffffff">
11111
  </div>
  <flex-layout direction="row" style="color:#ffffff">
    <content-Box>
      <div slot="title">电池放电测试 显示与隐藏查询条件</div>
      <div class="headrs">
        <table class="table-head" width="100%" border="1" cellspacing="0">
          <thead>
            <tr>
              <th>维护区</th>
              <th>机房站点</th>
              <th>电池组名称</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td width="300px">
                <el-select v-model="value" placeholder="维护区" class="weihu">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="500px">
                <el-select v-model="value" placeholder="湖北省-武汉市-东西湖区-武汉原畅模拟机房-LD9设备" class="rooms">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
              <td width="300px">
                <el-select v-model="value" placeholder="蓄电池组" class="dainchi">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <!-- 表单 -->
      <el-table border size="small" :data="table.datas" height="82%" class="tableCent">
        <el-table-column
          v-for="header in table.headers"
          :key="header.prop"
          :prop="header.prop"
          :label="header.label"
          :width="header.width"
          align="center"
        ></el-table-column>
      </el-table>

      <!-- 底部 -->
      <div class="footer">添加单组电池组</div>
    </content-Box>
  </flex-layout>
</template>

<script>
import ContentBox from "../../components/ContentBox";
export default {
  data () {
    return {

    }
  },
  created () {

  },
  methods: {

  }
  components: {
    ContentBox
  },
  data() {
    return {
      /* 选择器内容 */
      options: [
        {
          value: "选项1",
          label: "黄金糕"
        },
        {
          value: "选项2",
          label: "双皮奶"
        },
        {
          value: "选项3",
          label: "蚵仔煎"
        },
        {
          value: "选项4",
          label: "龙须面"
        },
        {
          value: "选项5",
          label: "北京烤鸭"
}
      ],
      value: "",
      /* 表单 */
      table: {
        headers: [
          {
            prop: "room1",
            label: "机房名称",
            width: ""
          },
          {
            prop: "battery1",
            label: "电池组名称",
            width: ""
          },
          {
            prop: "tes1",
            label: "设备ID",
            width: ""
          },
          {
            prop: "tester1",
            label: "被测电池组号",
            width: ""
          },
          {
            prop: "current1",
            label: "设定测试类型",
            width: ""
          },
          {
            prop: "capacity1",
            label: "设定测试电流",
            width: ""
          },
          {
            prop: "monomer1",
            label: "设备工作状态",
            width: ""
          },
          {
            prop: "number1",
            label: "已测时间",
            width: ""
          },
          {
            prop: "vol1",
            label: "FBS9100通信计数",
            width: ""
          }
        ],
        datas: [
          {
            room1: 0,
            battery1: 0,
            tes1: 0,
            tester1: 0,
            current1: 0,
            capacity1: 0,
            monomer1: 0,
            number1: 0,
            vol1: 0
          }
        ]
      }
    };
  },
  created() {},
  methods: {}
};
</script>

<style lang="less" scoped>
.headrs {
  font-weight: 900;
  height: 80px;
  width: 100%;
  position: relative;
  .table-head {
    color: #ffff;
    position: absolute;
    top: 3%;
    border: 1px solid #ffffff;
    thead tr {
      height: 35px;
    }

    tbody tr {
      height: 70%;
    }
  }

  .weihu {
    width: 100%;
  }

  .dainchi {
    width: 100%;
  }

  .rooms {
    width: 100%;
  }
}

/* 表单 */
.tableCent {
  margin-top: 5px;
}

/* 底部 */
.footer {
  text-align: center;
}
</style>

 src/pages/dataMager/internalTest.vue

@@ -1,23 +1,23 @@
<template>
  <div  style="color:#ffffff">
11111
  </div>
  <flex-layout direction="row" style="color:#ffffff">
    <content-Box>
      <div slot="title">内阻测试</div>
    </content-Box>
  </flex-layout>
</template>

<script>
import ContentBox from "../../components/ContentBox";
export default {
  data () {
    return {

    }
  },
  created () {

  },
  methods: {

  }
}
  components: {
    ContentBox
  },
  data() {
    return {};
  },
  created() {},
  methods: {}
};
</script>

<style lang="less" scoped>

 src/pages/dataTest/realTime.vue

@@ -386,7 +386,7 @@
              vol1: item.mon_vol,
              res1: item.mon_res,
              temp1: item.mon_tmp
            };
            }
          });
        }
        this.table.datas = this.vovo;

 src/pages/index.vue

@@ -189,6 +189,8 @@
        this.marker = new BMapGL.Marker(
          new BMapGL.Point(item.data.longitude, item.data.latitude)
        );
         /* console.log('item.data.longitude, item.data.latitude',item.data.longitude, item.data.latitude); */

        this.map.addOverlay(this.marker);
        this.marker.addEventListener("click", e => {
          /*    console.log("this.point", this.point); */
@@ -263,7 +265,6 @@
        },
        {
          text: "设置机房",

          async callback() {
            //获取站点名
            const addSetdian = await addMapSetdian();
@@ -418,7 +419,6 @@
          StationName2: node.parent.parent.data.label,
          StationName5: node.parent.data.label
        }),

        /*  查询电池组信息 */
        searchBattInfo({
          StationName1: node.parent.parent.parent.data.label,
@@ -744,6 +744,7 @@
              type: "success",
              message: "设置站点位置成功!"
            });
            that.initMap();
          })
          .catch(() => {
            this.$message({

 src/router/routes.js

@@ -36,26 +36,46 @@
        component: (resolve)=>require(['../pages/dataTest/CircuitDiagram.vue'], resolve)
    },
    {
        path: '/dataAdmian',
        path: '/dataAdmian',/* 电池充放电数据管理 */
        meta: {},
        component: (resolve)=>require(['../pages/dataMager/dataAdmian.vue'], resolve)
    },
    {
        path: '/internalTest',
        path: '/internalTest',/*内阻测试 */
        meta: {},
        component: (resolve)=>require(['../pages/dataMager/internalTest.vue'], resolve)
    },
    {
        path: '/dischargeTest',
        path: '/dischargeTest',/* 电池放电测试 */
        meta: {},
        component: (resolve)=>require(['../pages/dataMager/dischargeTest.vue'], resolve)
    },
    {
        path: '/batteryMager',
        path: '/batteryMager',/* 电池关注管理 */
        meta: {},
        component: (resolve)=>require(['../pages/dataMager/batteryMager.vue'], resolve)
    },
    {
        path: '/batteryrHistoryquery',/* 电池告警历史查询 */
        meta: {},
        component: (resolve) => require(['../pages/alarmMager/batteryrHistoryquery.vue'], resolve)
    },
    {
        path: '/batteryrTimequery',/* 电池告警实时查询 */
        meta: {},
        component: (resolve) => require(['../pages/alarmMager/batteryrTimequery.vue'], resolve)
    },
    {
        path: '/deviceHistoryquery',/* 设备告警历史查询 */
        meta: {},
        component: (resolve) => require(['../pages/alarmMager/deviceHistoryquery.vue'], resolve)
    },
    {
        path: '/deviceTimequery',/* 设备告警实时查询 */
        meta: {},
        component: (resolve) => require(['../pages/alarmMager/deviceTimequery.vue'], resolve)
    },
    {
        path: '*',
        name: '',
        meta: {