{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/alarmInformation/index.vue?vue&type=style&index=1&id=66ad3778&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/alarmInformation/index.vue","mtime":1708395041886},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/css-loader/dist/cjs.js","mtime":1708395146948},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1708395147772},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/postcss-loader/src/index.js","mtime":1708395147225},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/sass-loader/dist/cjs.js","mtime":1708395146389},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5kYXNoYm9hcmQgew0KICAmLWNvbnRhaW5lciB7DQogICAgbWFyZ2luOiAzMHB4Ow0KICB9DQoNCiAgJi10ZXh0IHsNCiAgICBmb250LXNpemU6IDMwcHg7DQogICAgbGluZS1oZWlnaHQ6IDQ2cHg7DQogIH0NCn0NCi5lbC1jYXJkLmlzLWFsd2F5cy1zaGFkb3csDQouZWwtY2FyZC5pcy1ob3Zlci1zaGFkb3c6Zm9jdXMgew0KICBib3gtc2hhZG93OiBub25lOw0KfQ0KLmVsLWNhcmQgew0KICBib3JkZXI6IDFweCBzb2xpZCNGRkZGOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICBjb2xvcjogIzMwMzEzMzsNCiAgLXdlYmtpdC10cmFuc2l0aW9uOiAwLjNzOw0KICB0cmFuc2l0aW9uOiAwLjNzOw0KfQ0KOjp2LWRlZXAgLmVsLWRhdGUtZWRpdG9yIC5lbC1yYW5nZV9faWNvbiB7DQogIHRvcDogMDsNCn0NCi5leHBvcnQgew0KICAvLyBtYXJnaW46IDIzcHggNnB4Ow0KICBjdXJzb3I6IHBvaW50ZXI7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgd2lkdGg6IDk4cHg7DQogIGhlaWdodDogMzRweDsNCiAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICBib3JkZXI6IDFweCBzb2xpZCAjYWJjN2ZkOw0KICBsaW5lLWhlaWdodDogMzRweDsNCiAgZm9udC13ZWlnaHQ6IDQwMDsNCiAgZm9udC1zaXplOiAxNHB4Ow0KICBjb2xvcjogIzIyNTBjODsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2U3ZWVmZjsNCn0NCi5leHBvcnQ6aG92ZXIgew0KICBjb2xvcjogI2ZmZjsNCiAgYm9yZGVyOiAxcHggc29saWQgIzIyNTBjODsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzIyNTBjODsNCn0NCi5leHBvcnQ6YWN0aXZlIHsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzE5NGRhNDsNCiAgYm9yZGVyOiAxcHggc29saWQgIzE5NGRhNDsNCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmtBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/alarmInformation","sourcesContent":["<template>\r\n  <div class=\"dashboard-container\">\r\n    <div class=\"dashboard-text\">\r\n      <div style=\"background: #fff\">\r\n        <div style=\"height: 74px; display: flex; align-items: center\">\r\n          <el-select\r\n            style=\"width: 220px; margin-left: 20px; margin-right: 20px\"\r\n            v-model=\"railwayCode\"\r\n            placeholder=\"请选择报警线路\"\r\n            clearable\r\n          >\r\n            <el-option\r\n              v-for=\"(item, index) in routeList\"\r\n              :key=\"index\"\r\n              :label=\"item.railwayName\"\r\n              :value=\"item.railwayCode\"\r\n            >\r\n            </el-option>\r\n          </el-select>\r\n\r\n          <el-select\r\n            v-model=\"lineDir\"\r\n            placeholder=\"请选择行别\"\r\n            style=\"width: 220px; margin-right: 20px\"\r\n            clearable\r\n          >\r\n            <el-option\r\n              v-for=\"(item, index) in lineType\"\r\n              :key=\"index\"\r\n              :label=\"item.dictLabel\"\r\n              :value=\"item.dictValue\"\r\n            >\r\n            </el-option>\r\n          </el-select>\r\n\r\n          <el-select\r\n            v-model=\"isLock\"\r\n            placeholder=\"请选择解除状态\"\r\n            style=\"width: 220px; margin-right: 20px\"\r\n            clearable\r\n          >\r\n            <el-option\r\n              v-for=\"(item, index) in zhangtai\"\r\n              :key=\"index\"\r\n              :label=\"item.label\"\r\n              :value=\"item.value\"\r\n              :clearable=\"true\"\r\n            >\r\n            </el-option>\r\n          </el-select>\r\n\r\n          <div\r\n            v-if=\"searchShow == true\"\r\n            style=\"display: flex\"\r\n            justify=\"end\"\r\n            type=\"flex\"\r\n          >\r\n            <div class=\"sp-button-submit\" type=\"primary\" @click=\"msgAlarmList\">\r\n              查询\r\n            </div>\r\n            <div class=\"sp-button-reset\" @click=\"resetForm()\">重置</div>\r\n            <!-- <div class=\"sp-button-submit\" @click=\"uploadOut\">导出</div> -->\r\n            <el-button\r\n              v-if=\"searchShow == false\"\r\n              @click=\"searchShow = true\"\r\n              type=\"text\"\r\n              style=\"color: #2766dd\"\r\n              icon=\"el-icon-arrow-up\"\r\n              >收起</el-button\r\n            >\r\n            <el-button\r\n              v-if=\"searchShow == true\"\r\n              @click=\"searchShow = false\"\r\n              type=\"text\"\r\n              icon=\"el-icon-arrow-down\"\r\n              style=\"color: #2766dd\"\r\n              >展开</el-button\r\n            >\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          v-if=\"searchShow == false\"\r\n          style=\"\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 17px;\r\n            height: 40px;\r\n          \"\r\n        >\r\n          <el-date-picker\r\n            style=\"width: 460px; margin-right: 20px; margin-left: 20px\"\r\n            v-model=\"value1\"\r\n            end-placeholder=\"结束日期\"\r\n            range-separator=\"至\"\r\n            start-placeholder=\"开始日期\"\r\n            clearable\r\n            value-format=\"yyyy-MM-dd\"\r\n            type=\"daterange\"\r\n            :clearable=\"true\"\r\n          >\r\n          </el-date-picker>\r\n          <!-- <el-input\r\n              v-model=\"alarmMileBD\"\r\n              placeholder=\"请输入里程位置\"\r\n              suffix-icon=\"el-icon-search\"\r\n              style=\"width: 100%\"\r\n              clearable\r\n            >\r\n            </el-input> -->\r\n\r\n          <el-select\r\n            v-if=\"searchShow == false\"\r\n            v-model=\"alarmType\"\r\n            placeholder=\"请选择报警类型\"\r\n            style=\"width: 220px; margin-right: 20px\"\r\n            clearable\r\n          >\r\n            <el-option\r\n              v-for=\"(item, index) in damageList\"\r\n              :key=\"index\"\r\n              :label=\"item.dictLabel\"\r\n              :value=\"item.dictValue\"\r\n            >\r\n            </el-option>\r\n          </el-select>\r\n        </div>\r\n\r\n        <div v-if=\"searchShow == false\">\r\n          <div\r\n            style=\"\r\n              display: flex;\r\n              align-items: center;\r\n              padding-bottom: 17px;\r\n              margin-left: 20px;\r\n            \"\r\n          >\r\n            <!-- <el-input\r\n              v-model=\"beginMile\"\r\n              placeholder=\"请输入起始里程\"\r\n              @input=\"changeValue1\"\r\n              style=\"width: 220px; margin-left: 20px\"\r\n              clearable\r\n            >\r\n              <template slot=\"append\">km</template></el-input\r\n            > -->\r\n            <!-- <el-select\r\n                v-model=\"beginMile\"\r\n                placeholder=\"请选择起始里程\"\r\n                style=\"width: 250px\"\r\n                clearable\r\n              >\r\n                <el-option\r\n                  v-for=\"(item, index) in mileageList\"\r\n                  :key=\"index\"\r\n                  :clearable=\"true\"\r\n                  :label=\"item.dictLabel\"\r\n                  :value=\"item.dictValue\"\r\n                ></el-option>\r\n              </el-select> -->\r\n            <!-- <div\r\n              style=\"\r\n                width: 10px;\r\n                height: 1px;\r\n                background-color: #888;\r\n                margin: 0 5px;\r\n              \"\r\n            ></div> -->\r\n            <!-- <el-input\r\n              v-model=\"endMile\"\r\n              placeholder=\"请输入结束里程\"\r\n              @input=\"changeValue2\"\r\n              style=\"width: 220px; margin-right: 20px\"\r\n              clearable\r\n            >\r\n              <template slot=\"append\">km</template></el-input\r\n            > -->\r\n            <el-input\r\n              v-model=\"alarmMileBD\"\r\n              placeholder=\"请输入里程位置\"\r\n              clearable\r\n              oninput=\"value=value.replace(/[^\\d.]/g, '')\"\r\n              style=\"width: 220px; margin-right: 20px\"\r\n            >\r\n              <template slot=\"append\">km</template></el-input\r\n            >\r\n            <el-select\r\n              v-model=\"monitorSystemName\"\r\n              placeholder=\"请选择监测系统名称\"\r\n              style=\"width: 220px; margin-right: 20px\"\r\n              filterable\r\n            >\r\n              <el-option\r\n                v-for=\"item in monitorNameData\"\r\n                :key=\"item.monitorSystemName\"\r\n                :label=\"item.monitorSystemName\"\r\n                :value=\"item.clientId\"\r\n              />\r\n            </el-select>\r\n            <div\r\n              v-if=\"searchShow == false\"\r\n              style=\"display: flex; align-items: center\"\r\n            >\r\n              <div class=\"sp-button-submit searth_left\" @click=\"msgAlarmList\">\r\n                查询\r\n              </div>\r\n              <div class=\"sp-button-reset\" @click=\"resetForm()\">重置</div>\r\n\r\n              <el-button\r\n                v-if=\"searchShow == false\"\r\n                @click=\"searchShow = true\"\r\n                type=\"text\"\r\n                style=\"color: #2766dd\"\r\n                icon=\"el-icon-arrow-up\"\r\n                >收起</el-button\r\n              >\r\n              <el-button\r\n                v-if=\"searchShow == true\"\r\n                @click=\"searchShow = false\"\r\n                type=\"text\"\r\n                icon=\"el-icon-arrow-down\"\r\n                style=\"color: #2766dd\"\r\n                >展开</el-button\r\n              >\r\n            </div>\r\n          </div>\r\n\r\n          <!-- <el-col :span=\"6\"></el-col> -->\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-card class=\"cardHeadr\" style=\"margin-top: 15px; padding-top: 0\">\r\n      <!-- <div style=\"font-size: 18px\">\r\n          告警:<span style=\"font-size: 24px; color: red\"> {{ total }}</span>\r\n        </div> -->\r\n      <div style=\"height: 64px; display: flex; align-items: center\">\r\n        <div class=\"export\" @click=\"uploadOut\">\r\n          <span class=\"icon font_family\">&#xe605;</span>\r\n          导出\r\n        </div>\r\n      </div>\r\n\r\n      <el-table :data=\"tableData\" style=\"width: 100%\">\r\n        <el-table-column\r\n          label=\"报警时间\"\r\n          prop=\"alarmTime\"\r\n          width=\"180\"\r\n          fixed\r\n        ></el-table-column>\r\n        <!-- <el-table-column\r\n          align=\"center\"\r\n          label=\"报警线路\"\r\n          prop=\"railwayName\"\r\n          fixed\r\n        ></el-table-column> -->\r\n        <el-table-column\r\n          label=\"来源\"\r\n          prop=\"sourceName\"\r\n          width=\"140\"\r\n          fixed\r\n        ></el-table-column>\r\n        <el-table-column align=\"center\" label=\"报警类型\" prop=\"alarmTypeName\" fixed>\r\n          <!-- <template slot-scope=\"scope\">\r\n            <div>\r\n              {{\r\n                scope.row.alarmType == 1\r\n                  ? \"泥石流\"\r\n                  : scope.row.alarmType == 2\r\n                  ? \"异物侵线\"\r\n                  : \"异物侵入\"\r\n              }}\r\n            </div>\r\n          </template> -->\r\n        </el-table-column>\r\n        <!-- <el-table-column\r\n          align=\"center\"\r\n          label=\"报警病害属性\"\r\n          prop=\"alarmAttr\"\r\n          show-overflow-tooltip=\"true\"\r\n        ></el-table-column> -->\r\n\r\n        <el-table-column label=\"行别\" align=\"center\" prop=\"lineDir\">\r\n          <template slot-scope=\"scope\">\r\n            <div style=\"text-align: center\">\r\n              {{\r\n                scope.row.lineDir === 1\r\n                  ? \"上行\"\r\n                  : scope.row.lineDir === 2\r\n                  ? \"下行\"\r\n                  : \"-\"\r\n              }}\r\n            </div>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column\r\n          label=\"里程位置(km)\"\r\n          align=\"center\"\r\n          prop=\"alarmMiles\"\r\n        ></el-table-column>\r\n        <!-- <el-table-column label=\"起里里程(km)\" prop=\"beginMile\"></el-table-column>\r\n          <el-table-column label=\"结束里程(km)\" prop=\"endMile\"></el-table-column> -->\r\n        <!-- <el-table-column label=\"报警次数\" align=\"center\" prop=\"alarmCount\">\r\n            <template slot-scope=\"scope\">\r\n              <div style=\"color: red\">{{ scope.row.alarmCount }}</div>\r\n            </template>\r\n          </el-table-column> -->\r\n        <!-- <el-table-column label=\"解除状态\" align=\"center\">\r\n          <template slot-scope=\"scope\">\r\n            <div>\r\n              {{\r\n                scope.row.isLock === 1\r\n                  ? \"已解除\"\r\n                  : scope.row.isLock === 2\r\n                  ? \"未解除\"\r\n                  : \"-\"\r\n              }}\r\n            </div>\r\n          </template>\r\n        </el-table-column> -->\r\n\r\n        <el-table-column\r\n          label=\"报警内容\"\r\n          show-overflow-tooltip=\"true\"\r\n          align=\"center\"\r\n          prop=\"content\"\r\n        \r\n        >\r\n          <template slot-scope=\"scope\">\r\n            <div\r\n              style=\"\r\n                max-width: 10em;\r\n                overflow: hidden;\r\n                white-space: nowrap;\r\n                text-overflow: ellipsis;\r\n              \"\r\n            >\r\n              {{ scope.row.content }}\r\n            </div>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column\r\n          label=\"推送车次\"\r\n          align=\"center\"\r\n       \r\n          prop=\"trainNumName\"\r\n        >\r\n        <template slot-scope=\"scope\">\r\n          <el-button\r\n                v-if='scope.row.trainNumName'\r\n                type=\"text\"\r\n                style=\"text-align: center; color: #2766dd\" \r\n                @click=\"detailsBtn(scope.row)\"               \r\n                >{{ scope.row.trainNumName }}{{ '...' }}</el-button\r\n              >\r\n        </template>\r\n      </el-table-column>\r\n        <el-table-column label=\"解除状态\" align=\"center\" prop=\"isRelease\">\r\n          <template slot-scope=\"scope\">\r\n            {{\r\n              scope.row.isRelease === 1\r\n                ? \"已解除\"\r\n                : scope.row.isRelease === 2\r\n                ? \"未解除\"\r\n                : \"-\"\r\n            }}\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column\r\n          label=\"解除说明\"\r\n          align=\"center\"\r\n        \r\n          prop=\"releaseContent\"\r\n        ></el-table-column>\r\n        <el-table-column\r\n          label=\"解除时间\"\r\n          align=\"center\"\r\n        \r\n          prop=\"releasedTime\"\r\n        ></el-table-column>\r\n      \r\n        <el-table-column label=\"操作\" align=\"center\" width=\"280\" prop=\"text13\">\r\n          <template slot-scope=\"scope\">\r\n            <div>\r\n              <!-- <el-button\r\n                style=\"color: #2766dd\"\r\n                v-if=\"scope.row.isLock == 2\"\r\n                type=\"text\"\r\n                @click=\"release(scope.row.id)\"\r\n                >解除</el-button\r\n              > -->\r\n\r\n              <el-button\r\n                type=\"text\"\r\n                style=\"text-align: center; color: #2766dd\"\r\n                @click=\"\r\n                  seeDetail(scope.row.id, scope.row.railwayCode, scope.row)\r\n                \"\r\n                >查看详情</el-button\r\n              >\r\n              <!-- <el-button\r\n                type=\"text\"\r\n                style=\"text-align: center; color: #2766dd\" \r\n                @click=\"detailsBtn(scope.row)\"               \r\n                >推送详情</el-button\r\n              > -->\r\n            </div>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n      <el-row justify=\"end\" style=\"margin-top: 10px\" type=\"flex\">\r\n        <el-pagination\r\n          :page-size=\"100\"\r\n          :page-sizes=\"[10, 15, 20]\"\r\n          :total=\"total\"\r\n          layout=\"total, sizes, prev, pager, next, jumper\"\r\n          @size-change=\"handleSizeChange\"\r\n          @current-change=\"handleCurrentChange\"\r\n        >\r\n        </el-pagination>\r\n      </el-row>\r\n    </el-card>\r\n    <detailsDialog :detailsData=\"detailsData\" v-if=\"detailsData.dialogVisible\"></detailsDialog>\r\n    <warningDispose\r\n      v-if=\"warningDisposeModal.show\"\r\n      :id=\"warningDisposeModal.id\"\r\n      @close=\"warningDisposeModal.show = false\"\r\n      @success=\"releaseSuccess\"\r\n    ></warningDispose>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport warningDispose from \"@/components/warning/warningDispose.vue\";\r\nimport detailsDialog from './components/detailsDialog.vue'\r\nimport {\r\n  baseRailwayManagement,\r\n  dataType,\r\n  msgAlarmList,\r\n  getCameraDataUpLoadOut,\r\n  releaseAlarm,\r\n  alarmMessageList\r\n} from \"@/api/alarmList\";\r\nimport { monitorNameList } from \"@/api/monitor\";\r\nexport default {\r\n  name: \"cart\",\r\n  components: { warningDispose,detailsDialog },\r\n  computed: {\r\n    ...mapGetters([\"name\"]),\r\n  },\r\n  data() {\r\n    return {\r\n      detailsData:{\r\n        dialogVisible:false,\r\n        alarmId:''\r\n      },\r\n      warningModal: {\r\n        show: true,\r\n      },\r\n      isShow: false,\r\n      searchShow: true,\r\n      pageNum: 1,\r\n      pageSize: 10,\r\n      total: 0,\r\n      value1: \"\",\r\n      value: \"\",\r\n      input: \"\",\r\n      zhangtai: [\r\n        {\r\n          value: \"1\",\r\n          label: \"已解除\",\r\n        },\r\n        {\r\n          value: \"2\",\r\n          label: \"未解除\",\r\n        },\r\n      ],\r\n      monitorNameData: [],\r\n      tableData: [],\r\n      routeList: [],\r\n      lineType: [],\r\n      damageList: [],\r\n      mileageList: [],\r\n      railwayCode: \"\",\r\n      lineDir: \"\",\r\n      alarmType: \"\",\r\n      alarmMileBD: \"\",\r\n      monitorSystemName: \"\",\r\n      beginMile: \"\",\r\n      endMile: \"\",\r\n      beginAlarmTime: \"\",\r\n      endAlarmTime: \"\",\r\n      isLock: \"\",\r\n      warningDisposeModal: {\r\n        show: false,\r\n        id: \"\",\r\n      },\r\n    };\r\n  },\r\n  created() {    \r\n    if(this.$route.params.pageNum) {          \r\n      this.isLock = this.$route.params.isLock + '' \r\n      this.monitorSystemName = this.$route.params.source\r\n    }\r\n    this.getMonitoreName();\r\n    this.msgAlarmList();\r\n    this.baseRailwayManagement();\r\n    this.dataType(\"sys_line_dir\");\r\n    this.dataType(\"sys_alarm_type\");\r\n    this.dataType(\"sys_mileage\");\r\n  },\r\n  methods: {\r\n    detailsBtn(row) {      \r\n      this.detailsData.alarmId = row.alarmId\r\n      this.detailsData.dialogVisible = true\r\n    },\r\n    getMonitoreName() {\r\n      let params = {};\r\n      monitorNameList(params).then((response) => {\r\n        this.monitorNameData = response.data;\r\n      });\r\n    },\r\n    imagePreview(images) {\r\n      this.$hevueImgPreview({\r\n        multiple: true, // 开启多图预览模式\r\n        nowImgIndex: 0, // 多图预览，默认展示第二张图片\r\n        imgList: images, // 需要预览的多图数组\r\n      });\r\n    },\r\n    seeDetail(val, val1, row) {\r\n      sessionStorage.row = JSON.stringify(row);\r\n      this.$router.push({\r\n        path: \"/alarmDetail\",\r\n        query: {\r\n          id: val,\r\n          cameraCode: val1,\r\n          alarmId: row.alarmId,\r\n        },\r\n      });\r\n    },\r\n    // uploadOut: function () {\r\n    //   getCameraDataUpLoadOut({}).then((res) => {\r\n    //     this.resolveBlob(res);\r\n    //   });\r\n    // },\r\n    uploadOut: function () {\r\n      getCameraDataUpLoadOut({}).then((res) => {\r\n        this.resolveBlob(res);\r\n      });\r\n    },\r\n    resolveBlob(res) {\r\n      const link = document.createElement(\"a\");\r\n      link.style.dispaly = \"none\";\r\n      let binaryData = [];\r\n      binaryData.push(res);\r\n      link.href = window.URL.createObjectURL(new Blob(binaryData));\r\n      // link.href = URL.createObjectURL(res);\r\n      link.setAttribute(\"download\", \"报警信息列表.xlsx\");\r\n      document.body.appendChild(link);\r\n      link.click();\r\n      document.body.removeChild(link);\r\n    },\r\n\r\n    resetForm() {\r\n      (this.railwayCode = \"\"),\r\n        (this.lineDir = \"\"),\r\n        (this.alarmType = \"\"),\r\n        (this.alarmMileBD = \"\");\r\n      this.monitorSystemName = \"\";\r\n      (this.beginMile = \"\"),\r\n        (this.endMile = \"\"),\r\n        (this.beginAlarmTime = \"\"),\r\n        (this.endAlarmTime = \"\");\r\n      this.value1 = \"\";\r\n      this.isLock = \"\";\r\n      this.msgAlarmList();\r\n    },\r\n    getImgUrl(img) {\r\n      return \"http://124.71.171.71:18801/picbucket\" + img;\r\n    },\r\n    release(val) {\r\n      if (val) {\r\n        this.warningDisposeModal.id = val;\r\n        this.warningDisposeModal.show = true;\r\n      }\r\n    },\r\n    releaseSuccess() {\r\n      this.warningDisposeModal.id = \"\";\r\n      this.warningDisposeModal.show = false;\r\n      this.msgAlarmList();\r\n    },\r\n    dataType(val) {\r\n      dataType(val).then((res) => {\r\n        console.log(res);\r\n        if (val === \"sys_line_dir\") {\r\n          this.lineType = [];\r\n          this.lineType = res.data;\r\n          this.$set(this.lineType);\r\n        } else if (\"sys_alarm_type\" === val) {\r\n          this.damageList = [];\r\n          this.damageList = res.data;\r\n          this.$set(this.damageList);\r\n        } else if (\"sys_mileage\" === val) {\r\n          this.mileageList = [];\r\n          this.mileageList = res.data;\r\n          this.$set(this.mileageList);\r\n        }\r\n      });\r\n    },\r\n    baseRailwayManagement() {\r\n      baseRailwayManagement().then((res) => {\r\n        console.log(res);\r\n        this.routeList = [];\r\n        this.routeList = res.data;\r\n        this.$set(this.routeList);\r\n      });\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n      this.pageSize = val;\r\n      this.msgAlarmList();\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n      this.pageNum = val;\r\n      this.msgAlarmList();\r\n    },\r\n\r\n    changeValue(value) {\r\n      this.alarmMileBD = /^[0-9]*$/.test(parseInt(value))\r\n        ? String(parseInt(value)).replace(\".\", \"\")\r\n        : \"\";\r\n    },\r\n    changeValue1(value) {\r\n      this.beginMile = /^[0-9]*$/.test(parseInt(value))\r\n        ? String(parseInt(value)).replace(\".\", \"\")\r\n        : \"\";\r\n    },\r\n    changeValue2(value) {\r\n      this.endMile = /^[0-9]*$/.test(parseInt(value))\r\n        ? String(parseInt(value)).replace(\".\", \"\")\r\n        : \"\";\r\n    },\r\n\r\n    msgAlarmList() {\r\n      // if (this.alarmMileBD && !/^(\\d+.\\d{1,3}|\\d+)$/.test(this.alarmMileBD)) {\r\n      //   return this.$message({\r\n      //     type: \"error\",\r\n      //     message: \"请输入正确的里程\",\r\n      //   });\r\n      // }\r\n      // if (this.beginMile && !/^(\\d+.\\d{1,3}|\\d+)$/.test(this.beginMile)) {\r\n      //   return this.$message({\r\n      //     type: \"error\",\r\n      //     message: \"请输入正确的起始里程\",\r\n      //   });\r\n      // }\r\n      // if (this.endMile && !/^(\\d+.\\d{1,3}|\\d+)$/.test(this.endMile)) {\r\n      //   return this.$message({\r\n      //     type: \"error\",\r\n      //     message: \"请输入正确的结束里程\",\r\n      //   });\r\n      // }\r\n\r\n      let beginAlarmTime = undefined;\r\n      let endAlarmTime = undefined;\r\n      if (this.value1) {\r\n        beginAlarmTime = this.value1[0];\r\n        endAlarmTime = this.value1[1];\r\n      }\r\n      msgAlarmList({\r\n        pageNum: this.pageNum,\r\n        pageSize: this.pageSize,\r\n        alarmType: this.alarmType,\r\n        railwayCode: this.railwayCode,\r\n        beginMile: this.beginMile,\r\n        endMile: this.endMile,\r\n        lineDir: this.lineDir,\r\n        isRelease: this.isLock,\r\n        alarmMileBD: this.alarmMileBD,\r\n        beginAlarmTime: beginAlarmTime,\r\n        endAlarmTime: endAlarmTime,\r\n        source: this.monitorSystemName,\r\n      }).then((res) => {\r\n        console.log(res);\r\n        if (res.code == 200) {\r\n          this.tableData = [];\r\n          this.tableData = res.data.records;\r\n          this.$set(this.tableData);\r\n          this.total = res.data.total;\r\n        } else {\r\n          this.$message({\r\n            message: res.mag,\r\n            type: \"error\",\r\n          });\r\n        }\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n::v-deep .searth_left {\r\n  margin: 0;\r\n}\r\n::v-deep .el-card__body {\r\n  padding: 0 20px 20px 20px;\r\n}\r\n.dashboard {\r\n  &-container {\r\n    margin: 30px 30px 30px;\r\n  }\r\n\r\n  &-text {\r\n    font-size: 30px;\r\n    line-height: 46px;\r\n  }\r\n}\r\n\r\n.el-image-viewer__close {\r\n  color: blue;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.dashboard {\r\n  &-container {\r\n    margin: 30px;\r\n  }\r\n\r\n  &-text {\r\n    font-size: 30px;\r\n    line-height: 46px;\r\n  }\r\n}\r\n.el-card.is-always-shadow,\r\n.el-card.is-hover-shadow:focus {\r\n  box-shadow: none;\r\n}\r\n.el-card {\r\n  border: 1px solid#FFFF;\r\n  background-color: #fff;\r\n  color: #303133;\r\n  -webkit-transition: 0.3s;\r\n  transition: 0.3s;\r\n}\r\n::v-deep .el-date-editor .el-range__icon {\r\n  top: 0;\r\n}\r\n.export {\r\n  // margin: 23px 6px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  width: 98px;\r\n  height: 34px;\r\n  border-radius: 2px;\r\n  border: 1px solid #abc7fd;\r\n  line-height: 34px;\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  color: #2250c8;\r\n  background-color: #e7eeff;\r\n}\r\n.export:hover {\r\n  color: #fff;\r\n  border: 1px solid #2250c8;\r\n  background-color: #2250c8;\r\n}\r\n.export:active {\r\n  background-color: #194da4;\r\n  border: 1px solid #194da4;\r\n}\r\n</style>\r\n"]}]}