-

.history/src/views/alarmManage/alarmTotal_20211018102819.vue

@@ -1,196 +0,0 @@
-<template>
-  <div class='app-container'>
-    <!-- 返回start -->
-    <div class='siteTitle'>
-      <el-button class='goBack' @click='goBack'>返回</el-button>
-      站点【上海新时达电气股份有限公司】{{alarmTit==1?'一级告警':''}}
-    </div>
-    <!-- 返回end -->
-
-    <!-- 表格start -->
-    <el-table
-      :data='tableData'
-      border
-      stripe
-      :header-cell-style='headClass'
-      :cell-style='cellStyle'
-    >
-      <el-table-column fixed prop='happenTime' label='发生时间' width=''>
-      </el-table-column>
-      <el-table-column prop='alarmDes' label='告警描述' width=''>
-      </el-table-column>
-      <el-table-column prop='deviceName' label='设备' width=''>
-      </el-table-column>
-      <el-table-column prop='alarmType' label='告警类型' width=''> </el-table-column>
-      <el-table-column prop='check' label='详情' width=''> 
-
-          <template #default="scope">
-            <span   @click="addItem()"
-            >{{ scope.row.check }}</span>
-          </template>
-    </el-table-column>
-      <el-table-column prop='eddl' label='状态' width=''>
-        <template #default="scope">
-          <span :style="{'color': scope.row.eddl=='已确认-admin'?'#8DCF6E':scope.row.eddl=='未确认'?'#FF747B':'#5c88fa'}"
-          >{{ scope.row.eddl }}</span>
-          </template>
-         </el-table-column>
-   
-    </el-table>
-    <!-- 表格end -->
-
-     <!-- 分页start -->
-    <div class="paginationBlock">
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="currentPage4"
-        :page-sizes="[100, 200, 300, 400]"
-        :page-size="100"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="400"
-      >
-      </el-pagination>
-    </div>
-    <!-- 分页end -->
-
-     <!--弹框组件开始-----------------------start-->
-    <dialog-component
-      v-if="showDialog"
-      ref="dialogComponent"
-      :dialog-title="dialogTitle"
-      :item-info="tableItem"
-      @closeDialog="closeDialog"
-    ></dialog-component>
-    <!--弹框组件开始-----------------------end-->
-
-  </div>
-</template>
-
-<script>
-import DialogComponent from "./dialogComponent";
-export default {
-  // name: 'Dashboard',
-  // computed: {
-  //   ...mapGetters(['name']),
-  // },
- components: { DialogComponent },
-  data() {
-    return {
-      showDialog: false,
-
-      input: '请输入发生时间',
-      tableData: [
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '已确认-admin',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: 'spjcsdb1',
-          check: '查看',
-          eddl: '未确认',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-      ],
-    };
-  },
-  computed:{
-    alarmTit:function(){
-       return this.$route.query.type
-      // if(this.$route.query.id==1){
-      //   alert(1)
-      //   return '一级告警'
-      // }
-      
-      
-    }
-
-  },
-  methods: {
-
-    // 查看操作
-    checkItem() {
-      this.tableItem = {
-        id: "",
-        stationName: "",
-        stationCode: "",
-        stationAddress: "",
-        siteList: [],
-        done: "",
-        guaZai: "",
-      };
-      this.dialogTitle = "告警详情";
-      this.showDialog = true;
-      this.$nextTick(() => {
-        this.$refs["dialogComponent"].showDialog = true;
-      });
-    },
-
-    goBack() {
-      this.$router.replace('/alarmManage/index');
-    },
-    // 表头样式设置
-    headClass() {
-      return 'background:#FAFAFA;';
-    },
-
-    //自定义列样式
-    cellStyle({ row, column, rowIndex, columnIndex }) {
-      console.log(row, column, rowIndex)
-      if (columnIndex === 4) {
-        return `color:#1187FF;cursor:pointer`;
-      } else {
-        return '';
-      }
-    },
-    //查看
-     handleClick(row) {
-         alert('查看对应站点（页面跳转）')
-        console.log(row);
-      },
-
-    // 添加操作
-    addItem() {
-      this.tableItem = {
-        id: '',
-        happenTime: '',
-        alarmDes: '',
-        deviceName: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      };
-      this.dialogTitle = '告警详情';
-      this.showDialog = true;
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true;
-      });
-    },
-  },
-};
-</script>
-
-<style lang='scss' scoped>
-</style>

.history/src/views/alarmManage/alarmTotal_20211019152846.vue

@@ -1,211 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 返回start -->
-    <div class="siteTitle">
-      <el-button class="goBack" @click="goBack">返回</el-button>
-      站点【上海新时达电气股份有限公司】{{ alarmTit == 1 ? '一级告警' : '' }}
-    </div>
-    <!-- 返回end -->
-
-    <!-- 表格start -->
-    <el-table
-      :data="tableData"
-      border
-      stripe
-      :header-cell-style="headClass"
-      :cell-style="cellStyle"
-    >
-      <el-table-column
-        fixed
-        prop="happenTime"
-        label="发生时间"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmDes"
-        label="告警描述"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="deviceName"
-        label="设备"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmType"
-        label="告警类型"
-        width=""
-      ></el-table-column>
-      <el-table-column prop="check" label="详情" width="">
-        <template #default="scope">
-          <span @click="addItem()">{{ scope.row.check }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="eddl" label="状态" width="">
-        <template #default="scope">
-          <span
-            :style="{
-              color:
-                scope.row.eddl == '已确认-admin'
-                  ? '#8DCF6E'
-                  : scope.row.eddl == '未确认'
-                  ? '#FF747B'
-                  : '#5c88fa',
-            }"
-          >
-            {{ scope.row.eddl }}
-          </span>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 表格end -->
-
-    <!-- 分页start -->
-    <div class="paginationBlock">
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="currentPage4"
-        :page-sizes="[100, 200, 300, 400]"
-        :page-size="100"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="400"
-      ></el-pagination>
-    </div>
-    <!-- 分页end -->
-
-    <!--弹框组件开始-----------------------start-->
-    <dialog-component
-      v-if="showDialog"
-      ref="dialogComponent"
-      :dialog-title="dialogTitle"
-      :item-info="tableItem"
-      @closeDialog="closeDialog"
-    ></dialog-component>
-    <!--弹框组件开始-----------------------end-->
-  </div>
-</template>
-
-<script>
-import DialogComponent from './dialogComponent'
-export default {
-  // name: 'Dashboard',
-  // computed: {
-  //   ...mapGetters(['name']),
-  // },
-  components: { DialogComponent },
-  data() {
-    return {
-      showDialog: false,
-
-      input: '请输入发生时间',
-      tableData: [
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '已确认-admin',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: 'spjcsdb1',
-          check: '查看',
-          eddl: '未确认',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-      ],
-    }
-  },
-  computed: {
-    alarmTit: function () {
-      return this.$route.query.type
-      // if(this.$route.query.id==1){
-      //   alert(1)
-      //   return '一级告警'
-      // }
-    },
-  },
-  methods: {
-    // 查看操作
-    checkItem() {
-      this.tableItem = {
-        id: '',
-        stationName: '',
-        stationCode: '',
-        stationAddress: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-
-    goBack() {
-      this.$router.replace('/alarmManage/index')
-    },
-    // 表头样式设置
-    headClass() {
-      return 'background:#FAFAFA;'
-    },
-
-    //自定义列样式
-    cellStyle({ row, column, rowIndex, columnIndex }) {
-      console.log(row, column, rowIndex)
-      if (columnIndex === 4) {
-        return `color:#1187FF;cursor:pointer`
-      } else {
-        return ''
-      }
-    },
-    //查看
-    handleClick(row) {
-      alert('查看对应站点（页面跳转）')
-      console.log(row)
-    },
-
-    // 添加操作
-    addItem() {
-      this.tableItem = {
-        id: '',
-        happenTime: '',
-        alarmDes: '',
-        deviceName: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-  },
-}
-</script>
-
-<style lang='scss' scoped>
-</style>

.history/src/views/alarmManage/alarmTotal_20211019153229.vue

@@ -1,211 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 返回start -->
-    <div class="siteTitle">
-      <el-button class="goBack" @click="goBack">返回</el-button>
-      站点【上海新时达电气股份有限公司】{{ alarmTit == 1 ? '一级告警' : '' }}
-    </div>
-    <!-- 返回end -->
-
-    <!-- 表格start -->
-    <el-table
-      :data="tableData"
-      border
-      stripe
-      :header-cell-style="headClass"
-      :cell-style="cellStyle"
-    >
-      <el-table-column
-        fixed
-        prop="happenTime"
-        label="发生时间"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmDes"
-        label="告警描述"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="deviceName"
-        label="设备"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmType"
-        label="告警类型"
-        width=""
-      ></el-table-column>
-      <el-table-column prop="check" label="详情" width="">
-        <template #default="scope">
-          <span @click="addItem()">{{ scope.row.check }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="eddl" label="状态" width="">
-        <template #default="scope">
-          <span
-            :style="{
-              color:
-                scope.row.eddl == '已确认-admin'
-                  ? '#8DCF6E'
-                  : scope.row.eddl == '未确认'
-                  ? '#FF747B'
-                  : '#5c88fa',
-            }"
-          >
-            {{ scope.row.eddl }}
-          </span>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 表格end -->
-
-    <!-- 分页start -->
-    <div class="paginationBlock">
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="currentPage4"
-        :page-sizes="[100, 200, 300, 400]"
-        :page-size="100"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="400"
-      ></el-pagination>
-    </div>
-    <!-- 分页end -->
-
-    <!--弹框组件开始-----------------------start-->
-    <dialog-component
-      v-if="showDialog"
-      ref="dialogComponent"
-      :dialog-title="dialogTitle"
-      :item-info="tableItem"
-      @closeDialog="closeDialog"
-    ></dialog-component>
-    <!--弹框组件开始-----------------------end-->
-  </div>
-</template>
-
-<script>
-import DialogComponent from './dialogComponent'
-export default {
-  name: 'AlarmTotal',
-  // computed: {
-  //   ...mapGetters(['name']),
-  // },
-  components: { DialogComponent },
-  data() {
-    return {
-      showDialog: false,
-
-      input: '请输入发生时间',
-      tableData: [
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '已确认-admin',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: 'spjcsdb1',
-          check: '查看',
-          eddl: '未确认',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-      ],
-    }
-  },
-  computed: {
-    alarmTit: function () {
-      return this.$route.query.type
-      // if(this.$route.query.id==1){
-      //   alert(1)
-      //   return '一级告警'
-      // }
-    },
-  },
-  methods: {
-    // 查看操作
-    checkItem() {
-      this.tableItem = {
-        id: '',
-        stationName: '',
-        stationCode: '',
-        stationAddress: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-
-    goBack() {
-      this.$router.replace('/alarmManage/index')
-    },
-    // 表头样式设置
-    headClass() {
-      return 'background:#FAFAFA;'
-    },
-
-    //自定义列样式
-    cellStyle({ row, column, rowIndex, columnIndex }) {
-      console.log(row, column, rowIndex)
-      if (columnIndex === 4) {
-        return `color:#1187FF;cursor:pointer`
-      } else {
-        return ''
-      }
-    },
-    //查看
-    handleClick(row) {
-      alert('查看对应站点（页面跳转）')
-      console.log(row)
-    },
-
-    // 添加操作
-    addItem() {
-      this.tableItem = {
-        id: '',
-        happenTime: '',
-        alarmDes: '',
-        deviceName: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-  },
-}
-</script>
-
-<style lang='scss' scoped>
-</style>

.history/src/views/alarmManage/alarmTotal_20211019153707.vue

@@ -1,212 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 返回start -->
-    <div class="siteTitle">
-      <el-button class="goBack" @click="goBack">返回</el-button>
-      站点【上海新时达电气股份有限公司】{{ alarmTit == 1 ? '一级告警' : '' }}
-    </div>
-    <!-- 返回end -->
-
-    <!-- 表格start -->
-    <el-table
-      :data="tableData"
-      border
-      stripe
-      :header-cell-style="headClass"
-      :cell-style="cellStyle"
-    >
-      <el-table-column
-        fixed
-        prop="happenTime"
-        label="发生时间"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmDes"
-        label="告警描述"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="deviceName"
-        label="设备"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmType"
-        label="告警类型"
-        width=""
-      ></el-table-column>
-      <el-table-column prop="check" label="详情" width="">
-        <template #default="scope">
-          <span @click="addItem()">{{ scope.row.check }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="eddl" label="状态" width="">
-        <template #default="scope">
-          <span
-            :style="{
-              color:
-                scope.row.eddl == '已确认-admin'
-                  ? '#8DCF6E'
-                  : scope.row.eddl == '未确认'
-                  ? '#FF747B'
-                  : '#5c88fa',
-            }"
-          >
-            {{ scope.row.eddl }}
-          </span>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 表格end -->
-
-    <!-- 分页start -->
-    <div class="paginationBlock">
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="currentPage4"
-        :page-sizes="[100, 200, 300, 400]"
-        :page-size="100"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="400"
-      ></el-pagination>
-    </div>
-    <!-- 分页end -->
-
-    <!--弹框组件开始-----------------------start-->
-    <dialog-component
-      v-if="showDialog"
-      ref="dialogComponent"
-      :dialog-title="dialogTitle"
-      :item-info="tableItem"
-      @closeDialog="closeDialog"
-    ></dialog-component>
-    <!--弹框组件开始-----------------------end-->
-  </div>
-</template>
-
-<script>
-import DialogComponent from './dialogComponent'
-export default {
-  name: 'AlarmTotal',
-  // computed: {
-  //   ...mapGetters(['name']),
-  // },
-  props: ['pageShow'],
-  components: { DialogComponent },
-  data() {
-    return {
-      showDialog: false,
-
-      input: '请输入发生时间',
-      tableData: [
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '已确认-admin',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: 'spjcsdb1',
-          check: '查看',
-          eddl: '未确认',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-      ],
-    }
-  },
-  computed: {
-    alarmTit: function () {
-      return this.$route.query.type
-      // if(this.$route.query.id==1){
-      //   alert(1)
-      //   return '一级告警'
-      // }
-    },
-  },
-  methods: {
-    // 查看操作
-    checkItem() {
-      this.tableItem = {
-        id: '',
-        stationName: '',
-        stationCode: '',
-        stationAddress: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-
-    goBack() {
-      this.$router.replace('/alarmManage/index')
-    },
-    // 表头样式设置
-    headClass() {
-      return 'background:#FAFAFA;'
-    },
-
-    //自定义列样式
-    cellStyle({ row, column, rowIndex, columnIndex }) {
-      console.log(row, column, rowIndex)
-      if (columnIndex === 4) {
-        return `color:#1187FF;cursor:pointer`
-      } else {
-        return ''
-      }
-    },
-    //查看
-    handleClick(row) {
-      alert('查看对应站点（页面跳转）')
-      console.log(row)
-    },
-
-    // 添加操作
-    addItem() {
-      this.tableItem = {
-        id: '',
-        happenTime: '',
-        alarmDes: '',
-        deviceName: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-  },
-}
-</script>
-
-<style lang='scss' scoped>
-</style>

.history/src/views/alarmManage/alarmTotal_20211019153724.vue

@@ -1,217 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 返回start -->
-    <div class="siteTitle">
-      <el-button class="goBack" @click="goBack">返回</el-button>
-      站点【上海新时达电气股份有限公司】{{ alarmTit == 1 ? '一级告警' : '' }}
-    </div>
-    <!-- 返回end -->
-
-    <!-- 表格start -->
-    <el-table
-      :data="tableData"
-      border
-      stripe
-      :header-cell-style="headClass"
-      :cell-style="cellStyle"
-    >
-      <el-table-column
-        fixed
-        prop="happenTime"
-        label="发生时间"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmDes"
-        label="告警描述"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="deviceName"
-        label="设备"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmType"
-        label="告警类型"
-        width=""
-      ></el-table-column>
-      <el-table-column prop="check" label="详情" width="">
-        <template #default="scope">
-          <span @click="addItem()">{{ scope.row.check }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="eddl" label="状态" width="">
-        <template #default="scope">
-          <span
-            :style="{
-              color:
-                scope.row.eddl == '已确认-admin'
-                  ? '#8DCF6E'
-                  : scope.row.eddl == '未确认'
-                  ? '#FF747B'
-                  : '#5c88fa',
-            }"
-          >
-            {{ scope.row.eddl }}
-          </span>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 表格end -->
-
-    <!-- 分页start -->
-    <div class="paginationBlock">
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="currentPage4"
-        :page-sizes="[100, 200, 300, 400]"
-        :page-size="100"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="400"
-      ></el-pagination>
-    </div>
-    <!-- 分页end -->
-
-    <!--弹框组件开始-----------------------start-->
-    <dialog-component
-      v-if="showDialog"
-      ref="dialogComponent"
-      :dialog-title="dialogTitle"
-      :item-info="tableItem"
-      @closeDialog="closeDialog"
-    ></dialog-component>
-    <!--弹框组件开始-----------------------end-->
-  </div>
-</template>
-
-<script>
-import DialogComponent from './dialogComponent'
-export default {
-  name: 'AlarmTotal',
-  // computed: {
-  //   ...mapGetters(['name']),
-  // },
-  props: ['pageShow'],
-  components: { DialogComponent },
-  data() {
-    return {
-      showDialog: false,
-
-      input: '请输入发生时间',
-      tableData: [
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '已确认-admin',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: 'spjcsdb1',
-          check: '查看',
-          eddl: '未确认',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-      ],
-    }
-  },
-  computed: {
-    alarmTit: function () {
-      return this.$route.query.type
-      // if(this.$route.query.id==1){
-      //   alert(1)
-      //   return '一级告警'
-      // }
-    },
-  },
-  methods: {
-
-    goBack() {
-      this.$emit('func')
-    },
-    
-    // 查看操作
-    checkItem() {
-      this.tableItem = {
-        id: '',
-        stationName: '',
-        stationCode: '',
-        stationAddress: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-
-    goBack() {
-      this.$router.replace('/alarmManage/index')
-    },
-    // 表头样式设置
-    headClass() {
-      return 'background:#FAFAFA;'
-    },
-
-    //自定义列样式
-    cellStyle({ row, column, rowIndex, columnIndex }) {
-      console.log(row, column, rowIndex)
-      if (columnIndex === 4) {
-        return `color:#1187FF;cursor:pointer`
-      } else {
-        return ''
-      }
-    },
-    //查看
-    handleClick(row) {
-      alert('查看对应站点（页面跳转）')
-      console.log(row)
-    },
-
-    // 添加操作
-    addItem() {
-      this.tableItem = {
-        id: '',
-        happenTime: '',
-        alarmDes: '',
-        deviceName: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-  },
-}
-</script>
-
-<style lang='scss' scoped>
-</style>

.history/src/views/alarmManage/alarmTotal_20211019153851.vue

@@ -1,215 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 返回start -->
-    <div class="siteTitle">
-      <el-button class="goBack" @click="goBack">返回</el-button>
-      站点【上海新时达电气股份有限公司】{{ alarmTit == 1 ? '一级告警' : '' }}
-    </div>
-    <!-- 返回end -->
-
-    <!-- 表格start -->
-    <el-table
-      :data="tableData"
-      border
-      stripe
-      :header-cell-style="headClass"
-      :cell-style="cellStyle"
-    >
-      <el-table-column
-        fixed
-        prop="happenTime"
-        label="发生时间"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmDes"
-        label="告警描述"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="deviceName"
-        label="设备"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmType"
-        label="告警类型"
-        width=""
-      ></el-table-column>
-      <el-table-column prop="check" label="详情" width="">
-        <template #default="scope">
-          <span @click="addItem()">{{ scope.row.check }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="eddl" label="状态" width="">
-        <template #default="scope">
-          <span
-            :style="{
-              color:
-                scope.row.eddl == '已确认-admin'
-                  ? '#8DCF6E'
-                  : scope.row.eddl == '未确认'
-                  ? '#FF747B'
-                  : '#5c88fa',
-            }"
-          >
-            {{ scope.row.eddl }}
-          </span>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 表格end -->
-
-    <!-- 分页start -->
-    <div class="paginationBlock">
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="currentPage4"
-        :page-sizes="[100, 200, 300, 400]"
-        :page-size="100"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="400"
-      ></el-pagination>
-    </div>
-    <!-- 分页end -->
-
-    <!--弹框组件开始-----------------------start-->
-    <dialog-component
-      v-if="showDialog"
-      ref="dialogComponent"
-      :dialog-title="dialogTitle"
-      :item-info="tableItem"
-      @closeDialog="closeDialog"
-    ></dialog-component>
-    <!--弹框组件开始-----------------------end-->
-  </div>
-</template>
-
-<script>
-import DialogComponent from './dialogComponent'
-export default {
-  name: 'AlarmTotal',
-  // computed: {
-  //   ...mapGetters(['name']),
-  // },
-  props: ['pageShow'],
-  components: { DialogComponent },
-  data() {
-    return {
-      showDialog: false,
-
-      input: '请输入发生时间',
-      tableData: [
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '已确认-admin',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: 'spjcsdb1',
-          check: '查看',
-          eddl: '未确认',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-      ],
-    }
-  },
-  computed: {
-    alarmTit: function () {
-      return this.$route.query.type
-      // if(this.$route.query.id==1){
-      //   alert(1)
-      //   return '一级告警'
-      // }
-    },
-  },
-  methods: {
-
-    goBack() {
-      this.$emit('func')
-    },
-
-    // 查看操作
-    checkItem() {
-      this.tableItem = {
-        id: '',
-        stationName: '',
-        stationCode: '',
-        stationAddress: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-
- 
-    // 表头样式设置
-    headClass() {
-      return 'background:#FAFAFA;'
-    },
-
-    //自定义列样式
-    cellStyle({ row, column, rowIndex, columnIndex }) {
-      console.log(row, column, rowIndex)
-      if (columnIndex === 4) {
-        return `color:#1187FF;cursor:pointer`
-      } else {
-        return ''
-      }
-    },
-    //查看
-    handleClick(row) {
-      alert('查看对应站点（页面跳转）')
-      console.log(row)
-    },
-
-    // 添加操作
-    addItem() {
-      this.tableItem = {
-        id: '',
-        happenTime: '',
-        alarmDes: '',
-        deviceName: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-  },
-}
-</script>
-
-<style lang='scss' scoped>
-</style>

.history/src/views/alarmManage/alarmTotal_20211019153909.vue

@@ -1,216 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 返回start -->
-    <div class="siteTitle">
-      <el-button class="goBack" @click="goBack">返回</el-button>
-      站点【上海新时达电气股份有限公司】{{ alarmTit == 1 ? '一级告警' : '' }}
-    </div>
-    <!-- 返回end -->
-
-    <!-- 表格start -->
-    <el-table
-      :data="tableData"
-      border
-      stripe
-      :header-cell-style="headClass"
-      :cell-style="cellStyle"
-    >
-      <el-table-column
-        fixed
-        prop="happenTime"
-        label="发生时间"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmDes"
-        label="告警描述"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="deviceName"
-        label="设备"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmType"
-        label="告警类型"
-        width=""
-      ></el-table-column>
-      <el-table-column prop="check" label="详情" width="">
-        <template #default="scope">
-          <span @click="addItem()">{{ scope.row.check }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="eddl" label="状态" width="">
-        <template #default="scope">
-          <span
-            :style="{
-              color:
-                scope.row.eddl == '已确认-admin'
-                  ? '#8DCF6E'
-                  : scope.row.eddl == '未确认'
-                  ? '#FF747B'
-                  : '#5c88fa',
-            }"
-          >
-            {{ scope.row.eddl }}
-          </span>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 表格end -->
-
-    <!-- 分页start -->
-    <div class="paginationBlock">
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="currentPage4"
-        :page-sizes="[100, 200, 300, 400]"
-        :page-size="100"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="400"
-      ></el-pagination>
-    </div>
-    <!-- 分页end -->
-
-    <!--弹框组件开始-----------------------start-->
-    <dialog-component
-      v-if="showDialog"
-      ref="dialogComponent"
-      :dialog-title="dialogTitle"
-      :item-info="tableItem"
-      @closeDialog="closeDialog"
-    ></dialog-component>
-    <!--弹框组件开始-----------------------end-->
-  </div>
-</template>
-
-<script>
-import DialogComponent from './dialogComponent'
-export default {
-  name: 'AlarmTotal',
-  // computed: {
-  //   ...mapGetters(['name']),
-  // },
-  props: ['pageShow'],
-  components: { DialogComponent },
-  data() {
-    return {
-      showDialog: false,
-
-      input: '请输入发生时间',
-      tableData: [
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '已确认-admin',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: 'spjcsdb1',
-          check: '查看',
-          eddl: '未确认',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-      ],
-    }
-  },
-  computed: {
-    alarmTit: function () {
-      return this.$route.query.type
-      // if(this.$route.query.id==1){
-      //   alert(1)
-      //   return '一级告警'
-      // }
-    },
-  },
-  methods: {
-
-    goBack() {
-      alert(1)
-      this.$emit('func')
-    },
-
-    // 查看操作
-    checkItem() {
-      this.tableItem = {
-        id: '',
-        stationName: '',
-        stationCode: '',
-        stationAddress: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-
- 
-    // 表头样式设置
-    headClass() {
-      return 'background:#FAFAFA;'
-    },
-
-    //自定义列样式
-    cellStyle({ row, column, rowIndex, columnIndex }) {
-      console.log(row, column, rowIndex)
-      if (columnIndex === 4) {
-        return `color:#1187FF;cursor:pointer`
-      } else {
-        return ''
-      }
-    },
-    //查看
-    handleClick(row) {
-      alert('查看对应站点（页面跳转）')
-      console.log(row)
-    },
-
-    // 添加操作
-    addItem() {
-      this.tableItem = {
-        id: '',
-        happenTime: '',
-        alarmDes: '',
-        deviceName: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-  },
-}
-</script>
-
-<style lang='scss' scoped>
-</style>

.history/src/views/alarmManage/alarmTotal_20211019153921.vue

@@ -1,215 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 返回start -->
-    <div class="siteTitle">
-      <el-button class="goBack" @click="goBack">返回</el-button>
-      站点【上海新时达电气股份有限公司】{{ alarmTit == 1 ? '一级告警' : '' }}
-    </div>
-    <!-- 返回end -->
-
-    <!-- 表格start -->
-    <el-table
-      :data="tableData"
-      border
-      stripe
-      :header-cell-style="headClass"
-      :cell-style="cellStyle"
-    >
-      <el-table-column
-        fixed
-        prop="happenTime"
-        label="发生时间"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmDes"
-        label="告警描述"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="deviceName"
-        label="设备"
-        width=""
-      ></el-table-column>
-      <el-table-column
-        prop="alarmType"
-        label="告警类型"
-        width=""
-      ></el-table-column>
-      <el-table-column prop="check" label="详情" width="">
-        <template #default="scope">
-          <span @click="addItem()">{{ scope.row.check }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="eddl" label="状态" width="">
-        <template #default="scope">
-          <span
-            :style="{
-              color:
-                scope.row.eddl == '已确认-admin'
-                  ? '#8DCF6E'
-                  : scope.row.eddl == '未确认'
-                  ? '#FF747B'
-                  : '#5c88fa',
-            }"
-          >
-            {{ scope.row.eddl }}
-          </span>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 表格end -->
-
-    <!-- 分页start -->
-    <div class="paginationBlock">
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="currentPage4"
-        :page-sizes="[100, 200, 300, 400]"
-        :page-size="100"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="400"
-      ></el-pagination>
-    </div>
-    <!-- 分页end -->
-
-    <!--弹框组件开始-----------------------start-->
-    <dialog-component
-      v-if="showDialog"
-      ref="dialogComponent"
-      :dialog-title="dialogTitle"
-      :item-info="tableItem"
-      @closeDialog="closeDialog"
-    ></dialog-component>
-    <!--弹框组件开始-----------------------end-->
-  </div>
-</template>
-
-<script>
-import DialogComponent from './dialogComponent'
-export default {
-  name: 'AlarmTotal',
-  // computed: {
-  //   ...mapGetters(['name']),
-  // },
-  props: ['pageShow'],
-  components: { DialogComponent },
-  data() {
-    return {
-      showDialog: false,
-
-      input: '请输入发生时间',
-      tableData: [
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '已确认-admin',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '电压测试',
-          alarmType: 'spjcsdb1',
-          check: '查看',
-          eddl: '未确认',
-        },
-        {
-          happenTime: '2021-09-14 14:23:21',
-          alarmDes: '【母线带电】SEO状态变为ON',
-          deviceName: '小会议室测试151',
-          alarmType: '故障',
-          check: '查看',
-          eddl: '自动恢复',
-        },
-      ],
-    }
-  },
-  computed: {
-    alarmTit: function () {
-      return this.$route.query.type
-      // if(this.$route.query.id==1){
-      //   alert(1)
-      //   return '一级告警'
-      // }
-    },
-  },
-  methods: {
-
-    goBack() {
-      this.$emit('func')
-    },
-
-    // 查看操作
-    checkItem() {
-      this.tableItem = {
-        id: '',
-        stationName: '',
-        stationCode: '',
-        stationAddress: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-
- 
-    // 表头样式设置
-    headClass() {
-      return 'background:#FAFAFA;'
-    },
-
-    //自定义列样式
-    cellStyle({ row, column, rowIndex, columnIndex }) {
-      console.log(row, column, rowIndex)
-      if (columnIndex === 4) {
-        return `color:#1187FF;cursor:pointer`
-      } else {
-        return ''
-      }
-    },
-    //查看
-    handleClick(row) {
-      alert('查看对应站点（页面跳转）')
-      console.log(row)
-    },
-
-    // 添加操作
-    addItem() {
-      this.tableItem = {
-        id: '',
-        happenTime: '',
-        alarmDes: '',
-        deviceName: '',
-        siteList: [],
-        done: '',
-        guaZai: '',
-      }
-      this.dialogTitle = '告警详情'
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.$refs['dialogComponent'].showDialog = true
-      })
-    },
-  },
-}
-</script>
-
-<style lang='scss' scoped>
-</style>

src/views/alarmManage/alarmTotal.vue

@@ -108,7 +108,7 @@
 
 <script>
 import dialogComponent from './dialogComponent'
-import { useStore } from 'vuex'
+// import { useStore } from 'vuex'
 import { defineComponent, onMounted, ref } from 'vue'
 import * as api from '@/api/alarmManage/index'
 import { ElMessage } from 'element-plus'
@@ -121,7 +121,7 @@ export default defineComponent({
   },
   components: { dialogComponent },
   setup(props, { emit }) {
-    const store = useStore()
+    // const store = useStore()
 
     const total = ref(0)
     const pageSize = ref(15)
@@ -136,7 +136,8 @@ export default defineComponent({
     function listSelect() {
       api
         .alarmGradeList({
-          siteId: store.state.siteId,
+          // siteId: store.state.siteId,
+          siteId:props.alarmGradeList.siteId,
           startTime: props.alarmGradeList.startTime,
           endTime: props.alarmGradeList.endTime,
           size: pageSize.value,

src/views/alarmManage/index.vue

@@ -69,7 +69,7 @@
               width:
                 (scope.row.totalGrade / allMaxData.totalNumMax) * 100 + '%',
             }"
-            @click="goAlarmTotal(0,scope.row.siteName)"
+            @click="goAlarmTotal(0,scope.row.siteName,scope.row.siteId)"
           >
             {{ scope.row.totalGrade }}
           </span>
@@ -84,7 +84,7 @@
               width:
                 (scope.row.oneGrade / allMaxData.oneAlarmingMax) * 100 + '%',
             }"
-            @click="goAlarmTotal(1,scope.row.siteName)"
+            @click="goAlarmTotal(1,scope.row.siteName,scope.row.siteId)"
           >
             {{ scope.row.oneGrade }}
           </span>
@@ -99,7 +99,7 @@
               width:
                 (scope.row.twoGrade / allMaxData.twoAlarmingMax) * 100 + '%',
             }"
-            @click="goAlarmTotal(2,scope.row.siteName)"
+            @click="goAlarmTotal(2,scope.row.siteName,scope.row.siteId)"
           >
             {{ scope.row.twoGrade }}
           </span>
@@ -114,7 +114,7 @@
             :style="{
               width: (scope.row.otherGrade / allMaxData.otherMax) * 100 + '%',
             }"
-            @click="goAlarmTotal(3,scope.row.siteName)"
+            @click="goAlarmTotal(3,scope.row.siteName,scope.row.siteId)"
           >
             {{ scope.row.otherGrade }}
           </span>
@@ -208,7 +208,7 @@ export default defineComponent({
       // this.$router.push({ name:'variableList'})
     }
 
-    const goAlarmTotal = (val,val1) => {
+    const goAlarmTotal = (val,val1,val2) => {
       pageShow.value = !pageShow.value
       store.commit('TimeAll_function', dateValue.value)
       if (val != undefined) {
@@ -217,6 +217,7 @@ export default defineComponent({
           endTime: store.state.Time_Data[1],
           type: val,
           siteName: val1,
+          siteId:val2
         }
       }
     }

src/views/deviceManage/powerEquip/videoEquip/index.vue

@@ -120,7 +120,7 @@
           label="sim卡号"
           align="center"
         ></el-table-column>
-        <el-table-column label="视频画面" align="center" width="150">
+        <!-- <el-table-column label="视频画面" align="center" width="150">
           <template #default="scope" style="text-align: center">
             <el-button
               type="text"
@@ -131,7 +131,7 @@
               查看
             </el-button>
           </template>
-        </el-table-column>
+        </el-table-column> -->
       </el-table>
       <div class="listPagination">
         <el-pagination

src/views/siteManage/camera/index.vue

@@ -119,11 +119,11 @@
         </template>
       </el-table-column>
 
-      <el-table-column fixed="right" label="视频画面" width="100">
+      <!-- <el-table-column fixed="right" label="视频画面" width="100">
         <template #default="scope">
           <a @click="checkVideo(scope.row)">查看</a>
         </template>
-      </el-table-column>
+      </el-table-column> -->
     </el-table>
     <!-- 表格end -->
 

src/views/systemManage/userManage/dialogComponent.vue

@@ -231,8 +231,8 @@ export default defineComponent({
         userName: [
           { required: true, message: '请输入账号', trigger: 'blur' },
           {
-            max: 6,
-            message: '账号最多输入 6 个字符',
+            max: 10,
+            message: '账号最多输入 10 个字符',
             trigger: 'blur',
           },
         ],