{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/account/camera/index.vue?vue&type=style&index=0&id=a36f5fb8&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/account/camera/index.vue","mtime":1708395041885},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQouZGFzaGJvYXJkIHsNCiAgJi1jb250YWluZXIgew0KICAgIG1hcmdpbjogNDVweCAzMHB4IDMwcHg7DQogIH0NCg0KICAmLXRleHQgew0KICAgIGZvbnQtc2l6ZTogMzBweDsNCiAgICBsaW5lLWhlaWdodDogNDZweDsNCiAgfQ0KfQ0KLmNhcmRIZWFkciB7DQogIG1hcmdpbi10b3A6IC0yMHB4Ow0KICBkaXNwbGF5OiBmbGV4Ow0KICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQp9DQoNCi5zZWFyY2hfYnRuIHsNCiAgY3Vyc29yOiBwb2ludGVyOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjc2NmRkOw0KICBjb2xvcjogI2Y3ZjhmYjsNCiAgZm9udC1zaXplOiAxNHB4Ow0KICB3aWR0aDogODBweDsNCiAgaGVpZ2h0OiA0MHB4Ow0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGxpbmUtaGVpZ2h0OiA0MHB4Ow0KfQ0KLnNlYXJjaF9idG5hIHsNCiAgY3Vyc29yOiBwb2ludGVyOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjc2NmRkICFpbXBvcnRhbnQ7DQogIGNvbG9yOiAjZmZmOw0KICBmb250LXNpemU6IDE0cHg7DQogIHdpZHRoOiA4MHB4Ow0KICBoZWlnaHQ6IDQwcHg7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCn0NCg0KLnNlYXJjaF9idG5hLA0KLnNlYXJjaF9idG46aG92ZXIgew0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGQ4NWY0Ow0KfQ0KDQoucmVzZXRfYnRuIHsNCiAgY3Vyc29yOiBwb2ludGVyOw0KICBjb2xvcjogIzU2NTY1NjsNCiAgZm9udC1zaXplOiAxNHB4Ow0KICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3Ow0KICB3aWR0aDogODBweDsNCiAgaGVpZ2h0OiA0MHB4Ow0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGxpbmUtaGVpZ2h0OiA0MHB4Ow0KfQ0KDQoucmVzZXRfYnRuOmhvdmVyIHsNCiAgY29sb3I6ICMxZjlmZmY7DQogIGJvcmRlcjogMXB4IHNvbGlkICMxZjlmZmY7DQogIGJhY2tncm91bmQ6IG5vbmU7DQp9DQoNCi5hZGRCdG4gew0KICBtYXJnaW46IDE1cHggMjBweCAxNXB4IDA7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICB3aWR0aDogOThweDsNCiAgaGVpZ2h0OiAzNHB4Ow0KICBib3JkZXItcmFkaXVzOiAycHg7DQogIGJvcmRlcjogMXB4IHNvbGlkICNhYmM3ZmQ7DQogIGxpbmUtaGVpZ2h0OiAzNHB4Ow0KICBmb250LXdlaWdodDogNDAwOw0KICBmb250LXNpemU6IDE0cHg7DQogIGNvbG9yOiAjMjI1MGM4Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTdlZWZmOw0KfQ0KDQouYWRkQnRuOmhvdmVyIHsNCiAgY29sb3I6ICNmZmZmZmY7DQogIGJhY2tncm91bmQtY29sb3I6ICMyMjUwYzg7DQogIGJvcmRlcjogMXB4IHNvbGlkICMyMjUwYzg7DQp9DQouYWRkQnRuOmFjdGl2ZSB7DQogIGNvbG9yOiAjZmZmZmZmOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjMTk0ZGE0Ow0KICBib3JkZXI6IDFweCBzb2xpZCAjMTk0ZGE0Ow0KfQ0KLm9wZXJhdGVCdG4gew0KICBkaXNwbGF5OiBmbGV4Ow0KICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgY29sb3I6ICMyODY2ZGQ7DQogIGRpdiB7DQogICAgZm9udC1zaXplOiAxNHB4Ow0KICAgIG1hcmdpbjogMCA1cHg7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICB9DQp9DQoNCi5lbC10b29sdGlwX19wb3BwZXIgew0KICBtYXgtd2lkdGg6IDMwJTsNCiAgcGFkZGluZy1ib3R0b206IDVweCAhaW1wb3J0YW50Ow0KICBkaXNwbGF5OiAtd2Via2l0LWJveDsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7DQogIC13ZWJraXQtbGluZS1jbGFtcDogMTU7DQogIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7DQp9DQouZWwtdG9vbHRpcF9fcG9wcGVyLA0KLmVsLXRvb2x0aXBfX3BvcHBlci5pcy1kYXJrIHsNCiAgYmFja2dyb3VuZDogcmdiKDQ4LCA2NSwgODYpICFpbXBvcnRhbnQ7DQogIGNvbG9yOiAjZmZmICFpbXBvcnRhbnQ7DQogIGxpbmUtaGVpZ2h0OiAyNHB4Ow0KfQ0KLnh6bWJhIHsNCiAgY29sb3I6ICMyNzY2ZGQ7DQogIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lOw0KICBjdXJzb3I6IHBvaW50ZXI7DQp9DQouaHhqIHsNCiAgd2lkdGg6IDEwMCU7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgcGFkZGluZzogMCAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLmVsLWRpYWxvZ19faGVhZGVyIHsNCiAgcGFkZGluZzogMCAyMHB4IDEwcHggIWltcG9ydGFudDsNCn0NCjo6di1kZWVwIC5lbC1kaWFsb2dfX2JvZHkgew0KICBwYWRkaW5nOiAyMHB4IDIwcHggIWltcG9ydGFudDsNCn0NCjo6di1kZWVwIC5lbC11cGxvYWRfX3RpcCB7DQogIG1hcmdpbi10b3A6IC0xN3B4Ow0KfQ0KOjp2LWRlZXAgLmVsLXVwbG9hZC1kcmFnZ2VyIC5lbC11cGxvYWRfX3RleHQgew0KICBtYXJnaW4tdG9wOiAtMTBweDsNCn0NCi5kaWFsb2ctZm9vdGVyIHsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KfQ0KLmRldGFpbERpYSB7DQogIGRpdiB7DQogICAgcGFkZGluZy1sZWZ0OiAxMDBweDsNCiAgfQ0KfQ0KOjp2LWRlZXAgLmVsLWlucHV0X19pbm5lciwNCi5lbC1pbnB1dC0tc3VmZml4IC5lbC1pbnB1dF9faW5uZXIgew0KICBwYWRkaW5nLXJpZ2h0OiAwICFpbXBvcnRhbnQ7DQp9DQo6OnYtZGVlcCAuZWwtaW5wdXQuaXMtZGlzYWJsZWQgLmVsLWlucHV0X19pbm5lciB7DQogIGNvbG9yOiAjNjA2MjY2Ow0KfQ0KOjp2LWRlZXAgLmVsLXRleHRhcmVhIC5lbC1pbnB1dF9fY291bnQgew0KICBib3R0b206IC00MHB4Ow0KfQ0KOjp2LWRlZXAgLmVsLWlucHV0X19pY29uIHsNCiAgbGluZS1oZWlnaHQ6IDQ3cHg7DQp9DQo6OnYtZGVlcCAuZWwtc2VsZWN0IC5lbC1pbnB1dCAuZWwtc2VsZWN0X19jYXJldCB7DQogIGxpbmUtaGVpZ2h0OiAyMHB4ICFpbXBvcnRhbnQ7DQp9DQo6OnYtZGVlcCAuZWwtZGlhbG9nX19oZWFkZXIgew0KICAgIHBhZGRpbmc6IDdweCAyMHB4IDEwcHggIWltcG9ydGFudDsNCn0NCjo6di1kZWVwIC5lbC1kaWFsb2dfX2hlYWRlcmJ0biB7DQogICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgIHRvcDogMTJweDsNCiAgICByaWdodDogMjBweDsNCiAgICBwYWRkaW5nOiAwOw0KICAgIGJhY2tncm91bmQ6IDAgMDsNCiAgICBib3JkZXI6IG5vbmU7DQogICAgb3V0bGluZTogMDsNCiAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgZm9udC1zaXplOiAxNnB4Ow0KfQ0KDQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwoDA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;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/account/camera","sourcesContent":["<template>\r\n  <div class=\"dashboard-container\">\r\n    <div class=\"dashboard-text\">\r\n      <div style=\"padding: 15px; background: #fff; margin-top: -15px\">\r\n        <el-row :gutter=\"24\" type=\"flex\" style=\"flex-wrap: wrap\">\r\n          <!-- <el-select\r\n            v-model=\"queryParams.railwayCode\"\r\n            placeholder=\"请选择线路\"\r\n            style=\"width: 220px; padding: 0 10px\"\r\n            clearable\r\n          >\r\n            <el-option\r\n              v-for=\"item in lineWayData\"\r\n              :key=\"item.railwayCode\"\r\n              :label=\"item.railwayName\"\r\n              :value=\"item.railwayCode\"\r\n            />\r\n          </el-select> -->\r\n          <el-input placeholder=\"请输入摄像机编码\" style=\"width: 220px;padding: 0 10px\" v-model=\"queryParams.cameraCode\"></el-input>\r\n          <el-input placeholder=\"请输入测点名称\" style=\"width: 220px;padding: 0 10px\" v-model=\"queryParams.stationName\"></el-input>\r\n          <el-select\r\n            v-model=\"queryParams.lineDir\"\r\n            placeholder=\"请选择行别\"\r\n            style=\"width: 220px; padding: 0 10px\"\r\n            clearable\r\n          >\r\n            <el-option\r\n              v-for=\"item in lineDir\"\r\n              :key=\"item.dictValue\"\r\n              :label=\"item.dictLabel\"\r\n              :value=\"item.dictValue\"\r\n            />\r\n          </el-select>\r\n          <div :span=\"12\">\r\n            <div style=\"display: flex; align-items: center; margin-top: 2px\">\r\n              <el-input\r\n                v-model=\"queryParams.beginMileBD\"\r\n                placeholder=\"请输入起始里程\"\r\n                style=\"width: 220px; padding: 0 10px; position: relative\"\r\n                clearable\r\n              >\r\n                <template slot=\"append\">km</template></el-input\r\n              >\r\n              <div\r\n                style=\"\r\n                  width: 5px;\r\n                  height: 1px;\r\n                  background-color: #888;\r\n                  position: absolute;\r\n                  left: 880px;\r\n                \"\r\n              />\r\n              <el-input\r\n                v-model=\"queryParams.endMileBD\"\r\n                placeholder=\"请输入结束里程\"\r\n                style=\"width: 220px; padding: 0 10px\"\r\n                clearable\r\n              >\r\n                <template slot=\"append\">km</template></el-input\r\n              >\r\n            </div>\r\n          </div>\r\n          <div\r\n            :span=\"6\"\r\n            justify=\"end\"\r\n            style=\"display: flex; margin-top: 2px\"\r\n            type=\"flex\"\r\n          >\r\n            <div\r\n              class=\"search_btn\"\r\n              style=\"margin-left: 10px; cursor: pointer\"\r\n              @click=\"handleQuery\"\r\n            >\r\n              查询\r\n            </div>\r\n            <div\r\n              class=\"reset_btn\"\r\n              style=\"margin-left: 10px; cursor: pointer\"\r\n              @click=\"reset\"\r\n            >\r\n              重置\r\n            </div>\r\n          </div>\r\n        </el-row>\r\n      </div>\r\n\r\n      <div style=\"padding: 20px; background: #fff; margin-top: 15px\">\r\n        <div class=\"cardHeadr\">\r\n          <div style=\"font-size: 18px; float: right; display: flex\">\r\n            <div class=\"addBtn\" @click=\"addEquipment\">\r\n              <span class=\"icon font_family\">&#xe604;</span>\r\n              新增\r\n            </div>\r\n            <div class=\"addBtn\" @click=\"delCameraList\">\r\n              <span class=\"icon font_family\">&#xe607;</span>\r\n              批量删除\r\n            </div>\r\n            <div class=\"addBtn\" @click=\"importLoadIn\">\r\n              <span class=\"icon font_family\">&#xe606;</span>\r\n              导入\r\n            </div>\r\n            <div class=\"addBtn\" @click=\"uploadOut\">\r\n              <span class=\"icon font_family\">&#xe605;</span>\r\n              导出\r\n            </div>\r\n            <div class=\"addBtn\" @click=\"downloadOut\">\r\n              <span class=\"icon font_family\">&#xe603;</span>\r\n              下载模板\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <el-table\r\n          :data=\"tableData\"\r\n          style=\"width: 100%\"\r\n          @selection-change=\"handleSelectionChange\"\r\n        >\r\n          <el-table-column type=\"selection\" width=\"35\" />\r\n          <el-table-column\r\n            prop=\"cameraCode\"\r\n            label=\"摄像机编码\"\r\n            width=\"175\"\r\n            align=\"center\"\r\n            fixed=\"left\"\r\n          />\r\n          <el-table-column\r\n            prop=\"installMiles\"\r\n            label=\"安装里程位置(km)\"\r\n            width=\"175\"\r\n            align=\"center\"\r\n            fixed=\"left\"\r\n          />\r\n          <!-- <el-table-column prop=\"railwayName\" label=\"线路\" align=\"center\" /> -->\r\n          <el-table-column prop=\"stationName\" label=\"测点名称\" align=\"center\" width=\"160px\"/>\r\n          <el-table-column prop=\"lineDir\" label=\"行别\" align=\"center\">\r\n            <templats slot-scope=\"scope\">\r\n              <span v-if=\"scope.row.lineDir == 1\">上行</span>\r\n              <span v-if=\"scope.row.lineDir == 2\">下行</span>\r\n            </templats>\r\n          </el-table-column>\r\n          <el-table-column\r\n            prop=\"beginMiles\"\r\n            label=\"监控里程范围(km)\"\r\n            align=\"center\"\r\n            width=\"185\"\r\n          >\r\n            <template slot-scope=\"scope\">\r\n              <span v-if=\"scope.row.beginMiles && scope.row.endMiles\"\r\n                >{{ scope.row.beginMiles }} ～ {{ scope.row.endMiles }}</span\r\n              >\r\n              <span v-else />\r\n            </template>\r\n          </el-table-column>\r\n          <!-- v-if=\"this.startStatus == 1\" -->          \r\n          <!-- <el-table-column\r\n            prop=\"startRecording\"\r\n            label=\"录像开启状态\"\r\n            width=\"175\"\r\n            align=\"center\"\r\n            v-if=\"this.startStatus == 1\"\r\n          >\r\n            <template slot-scope=\"scope\">\r\n              <el-switch\r\n                v-model=\"scope.row.startRecording\"\r\n                active-color=\"#006AEA\"\r\n                :active-value=\"1\"\r\n                :inactive-value=\"2\"\r\n                inactive-color=\"#CDCDCD\"\r\n                @change=\"handleStatusChange(scope.row)\"\r\n              />\r\n            </template>\r\n          </el-table-column> -->\r\n          <el-table-column\r\n            prop=\"enableOrNot\"\r\n            label=\"摄像机启用状态\"\r\n            width=\"175\"\r\n            align=\"center\"\r\n          >\r\n            <template slot-scope=\"scope\">\r\n              <el-switch\r\n                v-model=\"scope.row.enableOrNot\"\r\n                active-color=\"#006AEA\"\r\n                :active-value=\"1\"\r\n                :inactive-value=\"2\"\r\n                inactive-color=\"#CDCDCD\"\r\n                @change=\"handleEnableChange(scope.row)\"\r\n              />\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column\r\n            prop=\"installLongitude\"\r\n            label=\"经纬度\"\r\n            width=\"185\"\r\n            align=\"center\"\r\n          >\r\n            <template slot-scope=\"scope\">\r\n              <span\r\n                v-if=\"scope.row.installLongitude && scope.row.installLatitude\"\r\n                >{{ scope.row.installLongitude }} ,\r\n                {{ scope.row.installLatitude }}</span\r\n              >\r\n              <span v-else />\r\n            </template>\r\n          </el-table-column>\r\n          <!-- <el-table-column\r\n            prop=\"versionNum\"\r\n            label=\"相机版本号\"\r\n            align=\"center\"\r\n            width=\"160\"\r\n          />\r\n          <el-table-column\r\n            prop=\"versionName\"\r\n            label=\"相机版本名称\"\r\n            align=\"center\"\r\n            width=\"160\"\r\n          /> -->\r\n          <!-- <el-table-column\r\n            prop=\"remark\"\r\n            label=\"备注\"\r\n            align=\"center\"\r\n            width=\"160\"\r\n            show-overflow-tooltip\r\n          /> -->\r\n          <el-table-column\r\n            prop=\"createTime\"\r\n            label=\"创建时间\"\r\n            align=\"center\"\r\n            width=\"155\"\r\n          />\r\n          <el-table-column\r\n            label=\"操作\"\r\n            align=\"center\"\r\n            fixed=\"right\"\r\n            width=\"220\"\r\n          >\r\n            <template slot-scope=\"scope\">\r\n              <div class=\"operateBtn\" style=\"display: flex\">\r\n                <div type=\"text\" @click=\"editEquip(scope.row)\">修改</div>\r\n                <div type=\"text\" @click=\"delCamera(scope.row)\">\r\n                  <span>删除</span>\r\n                </div>\r\n                <div type=\"text\" @click=\"lokDetailInfo(scope.row)\">\r\n                  详情查看\r\n                </div>\r\n                <div   type=\"text\" @click=\"updateFileItem(scope.row)\">\r\n                   <div v-if=\"name==='chengbingxin'\">视频上传</div>\r\n                </div>\r\n              </div>\r\n            </template>\r\n          </el-table-column>\r\n        </el-table>\r\n\r\n        <el-row type=\"flex\" justify=\"end\" style=\"margin-top: 10px\">\r\n          <el-pagination\r\n            :page-sizes=\"[10, 15, 20]\"\r\n            layout=\"total, sizes, prev, pager, next, jumper\"\r\n            :total=\"total\"\r\n            @size-change=\"handleSizeChange\"\r\n            @current-change=\"handleCurrentChange\"\r\n          />\r\n        </el-row>\r\n      </div>\r\n      <!-- 新增编辑弹窗 -->\r\n      <el-dialog\r\n        v-if=\"dialogFormVisible\"\r\n        :title=\"title\"\r\n        :visible.sync=\"dialogFormVisible\"\r\n        @close=\"CloseIn\"\r\n        width=\"836px\"\r\n      >\r\n        <el-form\r\n          ref=\"form\"\r\n          :model=\"form\"\r\n          :rules=\"rules\"\r\n          style=\"padding: 0 10px; margin-left: -20px\"\r\n        >\r\n          <el-row :gutter=\"24\">\r\n            <el-col :span=\"12\">\r\n              <el-form-item\r\n                label=\"相机编码\"\r\n                label-width=\"120px\"\r\n                prop=\"cameraCode\"\r\n              >\r\n                <el-input\r\n                  v-model=\"form.cameraCode\"\r\n                  autocomplete=\"off\"\r\n                  placeholder=\"请输入相机编码\"\r\n                  onkeyup=\"this.value\"\r\n                  @input=\"descInput\"\r\n                />\r\n              </el-form-item>\r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <el-form-item label=\"相机通道\" label-width=\"120px\" prop=\"channel\">\r\n                <el-input\r\n                  v-model=\"form.channel\"\r\n                  autocomplete=\"off\"\r\n                  placeholder=\"请输入相机通道\"\r\n                />\r\n              </el-form-item>\r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <el-form-item label=\"线路\" label-width=\"120px\" prop=\"railwayCode\">\r\n                <el-select\r\n                  v-model=\"form.railwayCode\"\r\n                  placeholder=\"请选择线路\"\r\n                  style=\"width: 100%\"\r\n                >\r\n                  <el-option\r\n                    v-for=\"item in lineWayData\"\r\n                    :key=\"item.railwayCode\"\r\n                    :label=\"item.railwayName\"\r\n                    :value=\"item.railwayCode\"\r\n                  />\r\n                </el-select>\r\n              </el-form-item>\r\n            </el-col>\r\n\r\n            <el-col :span=\"12\">\r\n              <el-form-item label=\"行别\" label-width=\"120px\" prop=\"lineDirName\">\r\n                <!-- <el-select v-model=\"form.lineDirName\" @change=\"handleChange\"> -->\r\n                <el-select\r\n                  v-model=\"form.lineDirName\"\r\n                  style=\"width: 100%\"\r\n                  placeholder=\"请选择行别\"\r\n                  @change=\"$forceUpdate()\"\r\n                >\r\n                  <el-option\r\n                    v-for=\"item in lineDir\"\r\n                    :key=\"item.dictValue\"\r\n                    :label=\"item.dictLabel\"\r\n                    :value=\"item.dictValue\"\r\n                  />\r\n                </el-select>\r\n              </el-form-item>\r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <el-form-item\r\n                label=\"安装里程位置\"\r\n                label-width=\"120px\"\r\n                prop=\"installMileBD\"\r\n              >\r\n                <el-input\r\n                  v-model=\"form.installMileBD\"\r\n                  placeholder=\"请输入安装里程位置\"\r\n                  autocomplete=\"off\"\r\n                  oninput=\"value=value.replace(/[^\\d^\\.]+/g,'').replace('.','$#$').replace(/\\./g,'').replace('$#$','.')\"\r\n                >\r\n                  <template slot=\"append\">km</template>\r\n                </el-input>\r\n              </el-form-item>\r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <el-form-item\r\n                label=\"起始里程\"\r\n                label-width=\"120px\"\r\n                prop=\"beginMile\"\r\n              >\r\n                <el-input\r\n                  v-model=\"form.beginMileBD\"\r\n                  style=\"width: 99%\"\r\n                  oninput=\"value=value.replace(/[^\\d^\\.]+/g,'').replace('.','$#$').replace(/\\./g,'').replace('$#$','.')\"\r\n                  placeholder=\"请输入起始里程\"\r\n                >\r\n                  <template slot=\"append\">km</template>\r\n                </el-input>\r\n              </el-form-item>\r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <el-form-item label=\"结束里程\" label-width=\"120px\" prop=\"endMile\">\r\n                <el-input\r\n                  v-model=\"form.endMileBD\"\r\n                  style=\"width: 99%\"\r\n                  oninput=\"value=value.replace(/[^\\d^\\.]+/g,'').replace('.','$#$').replace(/\\./g,'').replace('$#$','.')\"\r\n                  placeholder=\"请输入结束里程\"\r\n                >\r\n                  <template slot=\"append\">km</template>\r\n                </el-input>\r\n              </el-form-item>\r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <el-form-item\r\n                label=\"经度\"\r\n                label-width=\"120px\"                \r\n                prop=\"installLongitude\"                \r\n              >\r\n                <el-input\r\n                  v-model=\"form.installLongitude\"\r\n                  placeholder=\"请输入经度\" \r\n                  type=\"number\" max=\"90\"                                                                       \r\n                />\r\n              </el-form-item>\r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <el-form-item\r\n                label=\"纬度\"\r\n                label-width=\"120px\"                \r\n                prop=\"installLatitude\"                \r\n              >\r\n                <el-input\r\n                  v-model=\"form.installLatitude\"\r\n                  placeholder=\"请输入纬度\"\r\n                  type=\"number\" max=\"180\"                               \r\n                />\r\n              </el-form-item>\r\n            </el-col>\r\n            <!-- <el-col :span=\"12\">\r\n              <el-form-item label=\"状态\" label-width=\"120px\" prop=\"enableOrNot\">\r\n                  <el-radio v-model=\"form.enableOrNot\" :label=\"1\" @change=\"$forceUpdate()\">启用</el-radio>\r\n                  <el-radio v-model=\"form.enableOrNot\" :label=\"2\" @change=\"$forceUpdate()\">停用</el-radio>\r\n              </el-form-item>\r\n            </el-col> -->\r\n            <el-col :span=\"12\">\r\n              <el-form-item\r\n                label=\"测点名称\"\r\n                label-width=\"120px\"                \r\n                prop=\"stationName\"                \r\n              >\r\n              <el-input\r\n                  v-model=\"form.stationName\"\r\n                  placeholder=\"请输入测点名称\"                                              \r\n                />\r\n             </el-form-item>  \r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <el-form-item label=\"状态\" label-width=\"120px\" prop=\"enableOrNot\">\r\n                  <el-radio v-model=\"form.enableOrNot\" :label=\"1\" @change=\"$forceUpdate()\">启用</el-radio>\r\n                  <el-radio v-model=\"form.enableOrNot\" :label=\"2\" @change=\"$forceUpdate()\">停用</el-radio>\r\n              </el-form-item>\r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <el-form-item label=\"监视方向\" label-width=\"120px\" prop=\"monitoringDirectionName\">\r\n                <el-select\r\n                  v-model=\"form.monitoringDirectionName\"\r\n                  style=\"width: 100%\"\r\n                  placeholder=\"请选择监视方向\"\r\n                  @change=\"$forceUpdate()\"\r\n                >\r\n                  <el-option\r\n                    v-for=\"item in firectionData\"\r\n                    :key=\"item.dictValue\"\r\n                    :label=\"item.dictLabel\"\r\n                    :value=\"item.dictValue\"\r\n                  />\r\n                </el-select>\r\n              </el-form-item>\r\n            </el-col>\r\n          </el-row>\r\n        </el-form>\r\n        <div slot=\"footer\" class=\"dialog-footer\" style=\"text-align: center\">\r\n          <el-button\r\n            class=\"search_btna\"\r\n            style=\"line-heigth: 0\"\r\n            :disabled=\"disabledSave\"\r\n            @click=\"submint\"\r\n            >保存</el-button\r\n          >\r\n          <el-button @click=\"closeDia\">取 消</el-button>\r\n        </div>\r\n      </el-dialog>\r\n      <!-- 上传 -->\r\n      <el-dialog\r\n        :visible.sync=\"uploadDialog\"\r\n        title=\"相机导入\"\r\n        width=\"620px\"\r\n        @close=\"falseShowUpload\"\r\n      >\r\n        <el-upload\r\n          class=\"upload-demo\"\r\n          style=\"text-align: center\"\r\n          drag\r\n          action=\"#\"\r\n          :http-request=\"uploadHttpRequest\"\r\n          :auto-upload=\"false\"\r\n          :file-list=\"fileList\"\r\n          :on-change=\"uploadFileList\"\r\n        >\r\n          <i class=\"el-icon-upload\" />\r\n          <div class=\"el-upload__text\">将文件拖到此处，或<em>点击上传</em></div>\r\n          <!-- <div class=\"el-upload__tip\">只能上传xls/xlsx文件,且不超过500kb</div> -->\r\n        </el-upload>\r\n        <div class=\"hxj\">支持扩展名：.xlsx</div>\r\n        <div\r\n          class=\"hxj\"\r\n          style=\"width: 620px; text-align: center; margin-left: -20px\"\r\n        >\r\n          请先下载模板，根据模板内容填写，再上传文件\r\n          <span class=\"xzmba\" @click=\"downloadOut\">下载模板</span>\r\n        </div>\r\n        <div slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button class=\"search_btna\" @click=\"uploadSubmitDialog\"\r\n            >确定</el-button\r\n          >\r\n          <el-button class=\"reset_btna\" @click=\"falseShowUpload\"\r\n            >取 消</el-button\r\n          >\r\n        </div>\r\n      </el-dialog>\r\n      <!-- 详情 -->\r\n      <el-dialog :visible.sync=\"detailDialog\" title=\"详情查看\" width=\"836px\">\r\n        <div class=\"dialog_box\">\r\n          <el-form style=\"padding: 0 10px; margin-left: -20px\">\r\n            <el-row :gutter=\"24\">\r\n              <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"相机编码:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraCode\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.cameraCode\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  />\r\n                  <!-- <span>{{ detailData.cameraCode }}</span> -->\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"相机通道：\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraCode\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.channel\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  />\r\n                  <!-- <span>{{ detailData.channel }}</span> -->\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"线路：\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraName\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.railwayName\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  />\r\n                  <!-- <span>{{ detailData.railwayCode }}</span> -->\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"行别:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraCode\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.lineDir == 1 ? '上行' : '下行'\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  />\r\n                  <!-- <span v-if=\"detailData.lineDir == 1\">上行</span>\r\n                  <span v-if=\"detailData.lineDir == 2\">下行</span> -->\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"安装里程位置:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"installs\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.installMiles\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  >\r\n                    <template slot=\"append\">m</template>\r\n                  </el-input>\r\n                  <!-- <span>{{ detailData.installs }}</span> -->\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"监控里程范围:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"begins\"\r\n                >\r\n                  <el-input v-model=\"pjJkfw\" autocomplete=\"off\" disabled>\r\n                    <template slot=\"append\">m</template>\r\n                  </el-input>\r\n                  <!-- <span>{{ detailData.begins }}</span> -->\r\n                  <!-- <span>{{ detailData.beginMiles }}～ {{detailData.endMiles}}</span> -->\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"经纬度:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraCode\"\r\n                >\r\n                  <el-input v-model=\"pjjwd\" autocomplete=\"off\" disabled />\r\n                  <!-- <span\r\n                    >{{ detailData.installLongitude }}，{{\r\n                      detailData.installLatitude\r\n                    }}</span\r\n                  > -->\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"测点名称：\"\r\n                  label-width=\"120px\"\r\n                  prop=\"stationName\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.stationName\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  />\r\n                  <!-- <span>{{ detailData.railwayCode }}</span> -->\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"摄像机开启状态:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"enableOrNot\"\r\n                >\r\n                  <el-input v-model=\"detailData.enableOrNot==1?'已开启':'未开启'\" autocomplete=\"off\" disabled />\r\n                  <!-- <span\r\n                    >{{ detailData.installLongitude }}，{{\r\n                      detailData.installLatitude\r\n                    }}</span\r\n                  > -->\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"12\">\r\n                <el-form-item label=\"监视方向\" label-width=\"120px\" prop=\"lineDirName\">\r\n                  <el-select\r\n                    v-model=\"detailData.monitoringDirection==1?'上行':detailData.monitoringDirection==2?'下行':detailData.monitoringDirection==3?'双线':''\"\r\n                    style=\"width: 100%\"\r\n                    placeholder=\"请选择监视方向\"\r\n                    @change=\"$forceUpdate()\"\r\n                    disabled\r\n                  >\r\n                    <el-option\r\n                      v-for=\"item in firectionData\"\r\n                      :key=\"item.dictValue\"\r\n                      :label=\"item.dictLabel\"\r\n                      :value=\"item.dictValue\"\r\n                    />\r\n                  </el-select>\r\n                </el-form-item>\r\n              </el-col>\r\n              <!-- <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"是否开启录像:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraCode\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.startRecording == 1 ? '开启' : '不开启'\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  /></el-form-item>\r\n              </el-col> -->\r\n              <!-- <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"创建者:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraCode\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.createBy\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  />\r\n                </el-form-item>\r\n              </el-col> -->\r\n              <!-- <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"创建时间:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraCode\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.createTime\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  />\r\n                </el-form-item>\r\n              </el-col> -->\r\n              <!-- <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"更新者:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraCode\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.updateBy\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  />\r\n                </el-form-item>\r\n              </el-col> -->\r\n              <!-- <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"更新时间:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraCode\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.updateTime\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  />\r\n                </el-form-item>\r\n              </el-col> -->\r\n              <!-- <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"相机版本号:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraCode\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.versionNum\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  />\r\n                </el-form-item>\r\n              </el-col> -->\r\n              <!-- <el-col :span=\"12\">\r\n                <el-form-item\r\n                  label=\"相机版本名称:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraCode\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.versionName\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  />\r\n                </el-form-item>\r\n              </el-col> -->\r\n              <!-- <el-col :span=\"24\">\r\n                <el-form-item\r\n                  label=\"备注:\"\r\n                  label-width=\"120px\"\r\n                  prop=\"cameraCode\"\r\n                >\r\n                  <el-input\r\n                    v-model=\"detailData.remark\"\r\n                    type=\"textarea\"\r\n                    autocomplete=\"off\"\r\n                    disabled\r\n                  />\r\n                </el-form-item>\r\n              </el-col> -->\r\n            </el-row>\r\n          </el-form>\r\n        </div>\r\n      </el-dialog>\r\n    </div>\r\n    \r\n    <el-dialog title=\"视频上传\"  v-if=\"dialogVisible\" :visible.sync=\"dialogVisible\" width=\"800px\">\r\n      <div style=\"text-align: center\">\r\n        <el-upload\r\n          class=\"upload-demo\"\r\n          :limit=\"1\"\r\n          drag\r\n          :action=\"uploadUrl\"\r\n          :multiple=\"true\"\r\n          :before-upload=\"beforeUpload\"\r\n        >\r\n          <i class=\"el-icon-upload\"></i>\r\n          <div class=\"el-upload__text\">将文件拖到此处，或<em>点击上传</em></div>\r\n          <div style=\"margin-top: 10px; font-size: 12px\" slot=\"tip\">\r\n            请上传视频格式文件\r\n          </div>\r\n        </el-upload>\r\n      </div>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n        <el-button type=\"primary\" @click=\"goClick\">确 定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getToken } from \"@/utils/auth\";\r\nimport { mapGetters } from \"vuex\";\r\nimport { editAccountManagement, serviceFileoss } from \"../../../api/video\";\r\nimport {\r\n  getCameraDataList,\r\n  getLineDir,\r\n  getRecording,\r\n  getStartRecording,\r\n  getLineWayList,\r\n  getCameraDataAddNewer,\r\n  getDownLoadList,\r\n  getWorkSetion,\r\n  getLineData,\r\n  getCameraDataDelete,\r\n  getCameraFetail,\r\n  getCameraDataUpLoadOut,\r\n  getCameraDataUpdate,\r\n  getDeptList,\r\n  getCameraDataUpLoadIn,\r\n  toEnabAccrame,\r\n  getDirection\r\n} from \"@/api/account/camera\";\r\n\r\nexport default {\r\n  name: \"Cart\",\r\n  computed: {\r\n    ...mapGetters([\"name\"]),\r\n  },\r\n  data() {\r\n    var validatePassxjbm = (rule, value, callback) => {\r\n      if (value === undefined || value === \"\") {\r\n        callback(new Error(\"请输入相机编码\"));\r\n      } else if (value.length > 100) {\r\n        callback(new Error(\"最多可输入100位\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    var validatePassxjtd = (rule, value, callback) => {\r\n      if (value === undefined || value === \"\") {\r\n        callback(new Error(\"请输入相机通道\"));\r\n      } else if (value.length > 100) {\r\n        callback(new Error(\"最多可输入100位\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    var azlcwz = (rule, value, callback) => {\r\n      if (value === undefined || value === \"\") {\r\n        callback(new Error(\"请输入安装里程位置\"));\r\n      } else if (value.length > 10) {\r\n        callback(new Error(\"最多可输入10位\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    var qslc = (rule, value, callback) => {\r\n      if (value === undefined || value === \"\") {\r\n        callback(new Error(\"请输入起始里程\"));\r\n      } else if (value.length > 10) {\r\n        callback(new Error(\"最多可输入10位\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    var jslc = (rule, value, callback) => {\r\n      if (value === undefined || value === \"\") {\r\n        callback(new Error(\"请输入结束里程\"));\r\n      } else if (value.length > 10) {\r\n        callback(new Error(\"最多可输入10位\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    return {\r\n      pjjwd: \"\",\r\n      pjJkfw: \"\",\r\n      uploadUrl: \"http://124.70.58.209:18810/service/fileoss\", // 上传文件的接口地址\r\n      dialogVisible: false,\r\n      // 导入\r\n      dataForm: {\r\n        name: \"\",\r\n        file: null,\r\n      },\r\n      videoUrl: \"\",\r\n      searchShow: true,\r\n      startStatus: \"\",\r\n      rules: {\r\n        cameraCode: [\r\n          { required: true, validator: validatePassxjbm, trigger: \"blur\" },\r\n        ],\r\n        channel: [\r\n          { required: true, validator: validatePassxjtd, trigger: \"blur\" },\r\n        ],\r\n        railwayCode: [\r\n          { required: true, message: \"请选择线路\", trigger: \"change\" },\r\n        ],\r\n        deptName: [\r\n          { required: true, message: \"请选择所属工务段\", trigger: \"change\" },\r\n        ],\r\n        lineDirName: [\r\n          { required: true, message: \"请选择行别\", trigger: \"change\" },\r\n        ],\r\n        installMileBD: [\r\n          { required: true, validator: azlcwz, trigger: \"change\" },\r\n        ],\r\n        beginMileBD: [{ required: true, validator: qslc, trigger: \"blur\" }],\r\n        endMileBD: [{ required: true, validator: jslc, trigger: \"blur\" }],\r\n        // installLongitude: [\r\n        //   { required: true, message: \"请输入经度\", trigger: \"blur\" },\r\n        // ],\r\n        // installLatitude: [\r\n        //   { required: true, message: \"请输入纬度\", trigger: \"blur\" },\r\n        // ],\r\n        cardNum: [\r\n          { required: true, message: \"请输入物联网卡号\", trigger: \"blur\" },\r\n        ],\r\n        stationName:[\r\n          { required: true, message: \"请输入测点名称\", trigger: \"blur\" },\r\n        ]\r\n      },\r\n      disabledSave: false,\r\n      enter: 0,\r\n      queryParams: {\r\n        stationName:'',\r\n        cameraCode:'',\r\n        line: \"\",\r\n        worksSection: \"\",\r\n        lineDistinction: \"\",\r\n        startMileage: \"\",\r\n        finishtMileage: \"\",\r\n        // railwayCode: \"\",\r\n        deptName: \"\",\r\n        deptId: \"\",\r\n        lineDir: \"\",\r\n        beginMileBD: \"\",\r\n        endMileBD: \"\",\r\n        pageNum: 1,\r\n        pageSize: 10,\r\n      },\r\n      firectionData:[],\r\n      ids: [],\r\n      title: \"\",\r\n      uploadDialog: false,\r\n      radioArray: [\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      xianlu: [\r\n        {\r\n          value: \"1\",\r\n          label: \"xxx1线路\",\r\n        },\r\n        {\r\n          value: \"2\",\r\n          label: \"xxx2线路\",\r\n        },\r\n        {\r\n          value: \"3\",\r\n          label: \"xxx3线路\",\r\n        },\r\n      ],\r\n      gongwuduan: [\r\n        {\r\n          value: \"1\",\r\n          label: \"xx1工务段\",\r\n        },\r\n        {\r\n          value: \"2\",\r\n          label: \"xx2工务段\",\r\n        },\r\n        {\r\n          value: \"3\",\r\n          label: \"xx3工务段\",\r\n        },\r\n      ],\r\n      // hangbie: [\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      licheng: [\r\n        {\r\n          value: \"1\",\r\n          label: \"1km\",\r\n        },\r\n        {\r\n          value: \"2\",\r\n          label: \"2km\",\r\n        },\r\n        {\r\n          value: \"3\",\r\n          label: \"3km\",\r\n        },\r\n      ],\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      tableData: [],\r\n      treeData: [],\r\n      workSetiData: [],\r\n      getLineData: [],\r\n      total: 0,\r\n      dialogFormVisible: false,\r\n      form: {\r\n        lineDirName: \"\",\r\n        railwayCode: \"\",\r\n        cameraCode: \"\",\r\n        channel: \"\",\r\n        deptId: \"\",\r\n        deptName: \"\",\r\n        lineDir: \"\",\r\n        installMileBD: \"\",\r\n        beginMileBD: \"\",\r\n        endMileBD: \"\",\r\n        installLongitude: \"\",\r\n        installLatitude: \"\",\r\n        cardNum: \"\",\r\n        startRecording: \"\",\r\n        remark: \"\",\r\n        stationName:'',\r\n        enableOrNot: 1,\r\n        monitoringDirection:'',\r\n        monitoringDirectionName:''\r\n      },\r\n      detailDialog: false,\r\n      detailData: {},\r\n      lineWayData: [],\r\n      ids: [],\r\n      fileList: [],\r\n      cameraCodeValue: \"\",\r\n      dialogType: \"\",\r\n      headers: { Authorization: getToken() },\r\n      action:\r\n        \"http://124.70.58.209:18819/hazard/service/baseCameraManagement/importBaseAccountManagement\",\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"name\"]),\r\n  },\r\n  watch: {\r\n    \"form.deptName\": {\r\n      handler(val) {\r\n        this.$set(this.form, \"deptName\", val);\r\n        this.optionProps.map((item, index) => {\r\n          if (val == item.value) {\r\n            this.$set(this.form, \"deptId\", item.value);\r\n          }\r\n        });\r\n      },\r\n      deep: true, // 深层监听\r\n    },\r\n    'form.installLongitude': function (newval, oldval) {           \r\n\t\t\t  var reg = /^(\\d{0,3})(\\.(\\d{0,13}))?$/g;\r\n\t\t\t\tif (!reg.test(newval)) {\r\n\t\t\t\t\tif (newval == undefined || newval == null ) {\r\n\t\t\t\t\t\t// this.form.installLongitude = '';\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.form.installLongitude = oldval\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.form.installLongitude = newval.replace(/^\\./g, \"\")\r\n\t\t\t\t}\t\t\t\t\r\n\t\t\t},\r\n      'form.installLatitude': function (newval, oldval) {\r\n\t\t\t  var reg = /^(\\d{0,3})(\\.(\\d{0,13}))?$/g;\r\n\t\t\t\tif (!reg.test(newval)) {\r\n\t\t\t\t\tif (newval == undefined || newval == null ) {\r\n\t\t\t\t\t\t// this.form.installLatitude = '';\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.form.installLatitude = oldval\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.form.installLatitude = newval.replace(/^\\./g, \"\")\r\n\t\t\t\t}\t\t\t\t\r\n\t\t\t}\r\n  },\r\n  created() {\r\n    this.getCameraList();\r\n    this.getWorkSetion();\r\n    this.getDeptList();\r\n    this.getLineWayList();\r\n    this.getLineTypeList();\r\n    this.getDirectionSelect()\r\n  },\r\n  methods: {\r\n    handleEnableChange(row){\r\n      let params={\r\n        id:row.id,\r\n        enableOrNot:row.enableOrNot\r\n      }\r\n      toEnabAccrame(params).then((res) => {\r\n          if (res.code == 200) {\r\n            this.$message({\r\n              message: res.msg,\r\n              type: \"success\",\r\n            });\r\n            this.getCameraList();\r\n          } else {\r\n            this.$message({\r\n              message: res.msg,\r\n              type: \"error\",\r\n            });\r\n            this.getCameraList();\r\n          }\r\n        });\r\n    },\r\n    goClick() {\r\n      console.log(this.row);\r\n      editAccountManagement({\r\n        id: this.row.id,\r\n        cameraCode: this.row.cameraCode,\r\n        url: this.videoUrl,\r\n      }).then((res) => {\r\n        console.log(res);\r\n      });\r\n      this.dialogVisible = false;\r\n    },\r\n    beforeUpload(file) {\r\n      const formData = new FormData();\r\n      formData.append(\"file\", file); // 将文件添加到FormData对象中\r\n      serviceFileoss(formData).then((res) => {\r\n        this.videoUrl = res.data;\r\n      });\r\n    },\r\n    descInput() {\r\n      console.log(this.form.cameraCode.length, \",,,,,,,,,,,,,,,,,,,\");\r\n    },\r\n    falseShowUpload() {\r\n      this.uploadDialog = false;\r\n      this.fileList = [];\r\n    },\r\n    uploadFileList(file) {\r\n      if (file.status === \"ready\") {\r\n        this.fileList.push(file);\r\n        if (this.fileList.length > 1) {\r\n          this.fileList.splice(0, 1);\r\n        }\r\n      }\r\n    },\r\n    uploadSubmitDialog() {\r\n      const fileData = new FormData();\r\n      fileData.append(\"file\", this.fileList[0].raw);\r\n      let isHttpRequest = this.fileList[0].raw.name.split(\".\");\r\n      if (\r\n        isHttpRequest[isHttpRequest.length - 1] == \"xlsx\" ||\r\n        isHttpRequest[isHttpRequest.length - 1] == \"xls\"\r\n      ) {\r\n        getCameraDataUpLoadIn(fileData).then((res) => {\r\n          if (res.code == 200) {\r\n            this.$message({\r\n              type: \"success\",\r\n              message: \"导入成功!\",\r\n            });\r\n            this.uploadDialog = false;\r\n            this.getCameraList();\r\n            this.fileList = [];\r\n          } else {\r\n            this.$message({\r\n              type: \"error\",\r\n              message: res.msg,\r\n            });\r\n            this.getCameraList();\r\n            this.fileList = [];\r\n          }\r\n        });\r\n      } else {\r\n        this.$message({\r\n          type: \"error\",\r\n          message: \"上传的文件只能是xls以及xlsx格式!\",\r\n        });\r\n        this.fileList = [];\r\n      }\r\n    },\r\n    // 验证文件类型\r\n    beforeAvatarUpload(file) {\r\n      const isXls =\r\n        file.type === \"application/vnd.ms-excel\"\r\n          ? true\r\n          : file.type ===\r\n            \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\";\r\n      if (!isXls) {\r\n        alert(\"上传的文件只能是xls以及xlsx格式!\");\r\n      }\r\n      return isXls;\r\n    },\r\n    // 判断文件个数\r\n    handleChange(file, fileList) {\r\n      if (fileList.length >= 2) {\r\n        return;\r\n      }\r\n      if (fileList.length === 1) {\r\n        this.hasFile = true;\r\n      }\r\n      this.dataForm.file = file;\r\n    },\r\n    // 导入\r\n    httpRequest(param) {\r\n      const formData = new FormData();\r\n      formData.append(\"file\", this.dataForm.file.raw);\r\n      const configHeaders = {\r\n        headers: { \"Content-Type\": \"multipart/form-data\" },\r\n      };\r\n      console.log(\r\n        this.dataForm.file.raw.name,\r\n        \"this.fileList[0].raw.namethis.fileList[0].raw.namethis.fileList[0].raw.namethis.fileList[0].raw.name\"\r\n      );\r\n      let isHttpRequest = this.dataForm.file.raw.name.split(\".\");\r\n      if (\r\n        isHttpRequest[isHttpRequest.length - 1] == \"xlsx\" ||\r\n        isHttpRequest[isHttpRequest.length - 1] == \"xls\"\r\n      ) {\r\n        getCameraDataUpLoadIn(formData).then((res) => {\r\n          if (res.code == 200) {\r\n            this.$message({\r\n              type: \"success\",\r\n              message: \"导入成功!\",\r\n            });\r\n            this.getCameraList(this.data);\r\n          } else {\r\n            this.$message({\r\n              type: \"error\",\r\n              message: res.msg,\r\n            });\r\n          }\r\n        });\r\n      } else {\r\n        this.$message({\r\n          type: \"error\",\r\n          message: \"上传的文件只能是xls以及xlsx格式!\",\r\n        });\r\n      }\r\n    },\r\n    changeValue(val) {},\r\n    // 行别下拉\r\n    getLineTypeList() {\r\n      getLineDir({}).then((res) => {\r\n        this.lineDir = res.data;\r\n      });\r\n    },\r\n    getDirectionSelect(){\r\n      getDirection({}).then((res)=>{\r\n        this.firectionData=res.data\r\n      })\r\n    },\r\n    handleStatusChange(row) {\r\n      if (row.startRecording == \"2\") {\r\n        getRecording(row.id).then((res) => {\r\n          if (res.code == 200) {\r\n            this.$message({\r\n              message: \"关闭成功\",\r\n              type: \"success\",\r\n            });\r\n          } else {\r\n            this.$message({\r\n              message: res.msg,\r\n              type: \"error\",\r\n            });\r\n            this.getCameraList();\r\n          }\r\n        });\r\n      } else if (row.startRecording == \"1\") {\r\n        getStartRecording(row.id).then((res) => {\r\n          if (res.code == 200) {\r\n            this.$message({\r\n              message: \"开启成功\",\r\n              type: \"success\",\r\n            });\r\n          } else {\r\n            this.$message({\r\n              message: res.msg,\r\n              type: \"error\",\r\n            });\r\n            this.getCameraList();\r\n          }\r\n        });\r\n      }\r\n    },\r\n    handleSelectionChange(val) {\r\n      this.ids = val.map((item) => item.id);  \r\n    },\r\n    handleQuery() {\r\n      this.queryParams.pageNum = 1;\r\n      this.getCameraList();\r\n    },\r\n    reset() {\r\n      this.queryParams.deptName = \"\";\r\n      this.queryParams.deptId = \"\";\r\n      this.queryParams.railwayCode = \"\";\r\n      this.queryParams.lineDir = \"\";\r\n      this.queryParams.beginMileBD = \"\";\r\n      this.queryParams.endMileBD = \"\";\r\n      this.queryParams.stationName = \"\";\r\n      this.queryParams.cameraCode = \"\";\r\n      this.queryParams.pageNum = 1;\r\n      this.queryParams.pageSize = 10;\r\n      this.getCameraList();\r\n    },\r\n    getLineWayList() {\r\n      getLineWayList({}).then((res) => {\r\n        this.lineWayData = res.data;\r\n      });\r\n    },\r\n    handleNodeHandleClick(a) {\r\n      this.queryParams.deptName = a.label;\r\n      this.queryParams.deptId = a.id;\r\n    },\r\n    handleNodeClick(v) {\r\n      this.form.deptId = v.id;\r\n      this.form.deptName = v.label;\r\n    },\r\n    getWorkSetion: function () {\r\n      getWorkSetion({}).then((response) => {\r\n        this.workSetiData = response.data;\r\n      });\r\n      getLineData({}).then((response) => {\r\n        this.getLineData = response.data;\r\n      });\r\n    },\r\n    getDeptList() {\r\n      getDeptList({}).then((res) => {\r\n        this.treeData = res.data;\r\n      });\r\n    },\r\n    handleCurrentChange(val) {\r\n      this.queryParams.pageNum = val;\r\n      this.getCameraList();\r\n    },\r\n    handleSizeChange(val) {\r\n      this.queryParams.pageSize = val;\r\n      this.getCameraList();\r\n    },\r\n    getCameraList() {\r\n      delete this.queryParams.ids;\r\n      console.log(\r\n        this.queryParams,\r\n        \"this.queryParamsthis.queryParamsthis.queryParams\"\r\n      );\r\n      getCameraDataList(this.queryParams).then((response) => {\r\n        if (!this.queryParams.pageNum || !this.queryParams.pageSize) {\r\n          this.queryParams.pageNum = 1;\r\n          this.queryParams.pageSize = 10;\r\n          getCameraDataList(this.queryParams).then((res) => {\r\n            this.tableData = res.data.records;\r\n            this.total = res.data.total;\r\n          });\r\n        }\r\n        if (\r\n          response.data.records.length == 0 &&\r\n          this.queryParams.pageNum != 1\r\n        ) {\r\n          this.queryParams.pageNum = this.queryParams.pageNum - 1;\r\n          getCameraDataList(this.queryParams).then((res) => {\r\n            this.tableData = res.data.records;\r\n            this.total = response.data.total;\r\n          });\r\n        }\r\n        this.tableData = response.data.records;\r\n        this.total = response.data.total;\r\n        if (this.tableData.length > 0) {\r\n          if (this.tableData[0].isStartRecording == 1) {\r\n            this.startStatus = 1;\r\n          }\r\n        } else {\r\n          this.queryParams.pageNum = 1;\r\n          this.queryParams.pageSize = 10;\r\n          this.total = response.data.total;\r\n          return;\r\n          this.startStatus = 0;\r\n        }\r\n      });\r\n    },\r\n    addEquipment: function () {\r\n      this.form = {};\r\n\r\n      // this.$refs['form'].resetFields()\r\n      this.dialogType = 1;\r\n      this.title = \"新增设备\";\r\n      // alert(this.form.enableOrNot)\r\n      // alert(this.form.installLatitude)\r\n      this.form.enableOrNot=1\r\n      this.disabledSave = false;\r\n      this.dialogFormVisible = true;\r\n    },\r\n    closeDia() {\r\n      this.dialogFormVisible = false;\r\n      this.$refs[\"form\"].resetFields();\r\n      this.form = {};\r\n    },\r\n    CloseIn() {\r\n      this.dialogFormVisible = false;\r\n      this.$refs[\"form\"].resetFields();\r\n      this.form = {};\r\n    },\r\n    submint: function () {\r\n      this.$refs.form.validate((valid) => {\r\n        if (valid) {\r\n          if(this.form.beginMileBD>this.form.endMileBD) {\r\n            return this.$message({\r\n                    message: \"结束里程必须大于起始里程\",\r\n                    type: \"error\",\r\n                  });\r\n          }\r\n          if (this.dialogType == 1) {\r\n            this.firectionData.forEach((item) => {\r\n              if (item.dictLabel == this.form.monitoringDirectionName) {\r\n                this.form.monitoringDirection = item.dictValue;\r\n              }\r\n            });\r\n            this.lineDir.forEach((item) => {\r\n              if (item.dictLabel == this.form.lineDirName) {\r\n                this.form.lineDir = item.dictValue;\r\n              }\r\n            });\r\n            // delete this.form.deptName\r\n            this.form.monitoringDirection = Number(this.form.monitoringDirectionName);\r\n            this.form.lineDir = Number(this.form.lineDirName);\r\n            this.disabledSave = true;\r\n            getCameraDataAddNewer(this.form).then((response) => {\r\n              if (response.code == 200) {\r\n                this.$message({\r\n                  message: \"新增成功\",\r\n                  type: \"success\",\r\n                });\r\n                this.getCameraList();\r\n                this.dialogFormVisible = false;\r\n                this.$refs[\"form\"].resetFields();\r\n              } else {\r\n                this.disabledSave = false;\r\n                this.$message({\r\n                  message: response.msg,\r\n                  type: \"error\",\r\n                });\r\n              }\r\n            });\r\n          } else if (this.dialogType == 2) {\r\n            delete this.form.beginMiles;\r\n            delete this.form.endMiles;\r\n            delete this.form.installMiles;\r\n            this.form.lineDir = this.form.lineDirName;\r\n            this.form.monitoringDirection = Number(this.form.monitoringDirectionName);\r\n            if (this.form.lineDir == \"上行\") {\r\n              this.form.lineDir = 1;\r\n            } else if (this.form.lineDir == \"下行\") {\r\n              this.form.lineDir = 2;\r\n            }\r\n            getCameraDataUpdate(this.form).then((res) => {\r\n              if (res.code == 200) {\r\n                this.$message({\r\n                  message: \"修改成功\",\r\n                  type: \"success\",\r\n                });\r\n                this.getCameraList();\r\n                this.dialogFormVisible = false;\r\n                this.$refs[\"form\"].resetFields();\r\n              } else {\r\n                this.$message({\r\n                  message: res.msg,\r\n                  type: \"error\",\r\n                });\r\n              }\r\n            });\r\n          }\r\n        }\r\n      });\r\n    },\r\n    editEquip: function (row) {\r\n      this.dialogType = 2;\r\n      this.disabledSave = false;\r\n      this.title = \"修改设备信息\";\r\n      this.dialogFormVisible = true;\r\n      // this.form = JSON.parse(JSON.stringify(row))\r\n      getCameraFetail(row.id).then((res) => {        \r\n        this.form = res.data;\r\n        this.lineDir.forEach((item) => {\r\n          if (item.dictValue == this.form.lineDir) {\r\n            this.form.lineDirName = item.dictLabel;\r\n          }\r\n        });\r\n        this.firectionData.forEach((item) => {\r\n          if (item.dictValue == this.form.monitoringDirection) {\r\n            this.form.monitoringDirectionName = item.dictLabel;\r\n          }\r\n        });\r\n      });\r\n    },\r\n    delCameraList() {\r\n      if (this.ids.length == 0) {\r\n        this.$message({\r\n          type: \"error\",\r\n          message: \"请选择需要删除的数据\",\r\n        });\r\n      } else {\r\n        this.$confirm(\"确定要删除吗?\", \"信息提示\", {\r\n          confirmButtonText: \"确定\",\r\n          cancelButtonText: \"取消\",\r\n          type: \"warning\",\r\n        })\r\n          .then(() => {\r\n            getCameraDataDelete(this.ids).then((res) => {\r\n              if (res.code == 200) {\r\n                this.getCameraList();\r\n                this.$message({\r\n                  type: \"success\",\r\n                  message: \"删除成功!\",\r\n                });\r\n              } else {\r\n                this.$message({\r\n                  type: \"error\",\r\n                  message: res.msg,\r\n                });\r\n              }\r\n            });\r\n          })\r\n          .catch(() => {\r\n            this.$message({\r\n              type: \"info\",\r\n              message: \"已取消删除\",\r\n            });\r\n          });\r\n      }\r\n    },\r\n    delCamera: function (row) {\r\n      this.ids = row.id;\r\n      this.$confirm(\"确定要删除吗?\", \"信息提示\", {\r\n        confirmButtonText: \"确定\",\r\n        cancelButtonText: \"取消\",\r\n        type: \"warning\",\r\n      })\r\n        .then(() => {\r\n          getCameraDataDelete(this.ids).then((res) => {\r\n            if (res.code == 200) {\r\n              this.getCameraList();\r\n              this.$message({\r\n                type: \"success\",\r\n                message: \"删除成功!\",\r\n              });\r\n            } else {\r\n              this.$message({\r\n                type: \"error\",\r\n                message: res.msg,\r\n              });\r\n            }\r\n          });\r\n        })\r\n        .catch(() => {\r\n          this.$message({\r\n            type: \"info\",\r\n            message: \"已取消删除\",\r\n          });\r\n        });\r\n    },\r\n    uploadOut: function () {\r\n      delete this.queryParams.pageNum;\r\n      delete this.queryParams.pageSize;\r\n      this.queryParams.ids = this.ids;\r\n      // if(this.queryParams.ids.length == 0) {\r\n      //   return this.$message({\r\n      //           message: '请选择需要导出的数据',\r\n      //           type: \"error\",\r\n      //         });\r\n      // }\r\n      getCameraDataUpLoadOut(this.queryParams).then((res) => {\r\n        // this.exportFile(res, \"摄像机台账信息\");\r\n        \r\n        if (res.type == \"application/json\") {\r\n          const reader = new FileReader(); \r\n          reader.readAsText(res, 'utf-8'); \r\n          reader.onload = function () {\r\n            const msg = JSON.parse(reader.result);\r\n            if(msg.code == 200){\r\n              this.exportFile(res, \"摄像机台账信息\");\r\n            } else{\r\n              Message({\r\n                type: 'error',\r\n                message: msg.msg\r\n              });\r\n            }      \r\n          }\r\n        }else{\r\n          this.exportFile(res, \"摄像机台账信息\");\r\n        }\r\n\r\n      });\r\n    },\r\n    exportFile: function (obj, name = Date.now(), suffix = \"xlsx\") {\r\n      const url = window.URL.createObjectURL(\r\n        new Blob([obj], { type: \"application/vnd.ms-excel\" })\r\n      );\r\n      const aDOM = document.createElement(\"a\");\r\n      aDOM.style.display = \"none\";\r\n      aDOM.href = url;\r\n      const fileName = name + \".\" + suffix;\r\n      aDOM.setAttribute(\"download\", fileName);\r\n      document.body.appendChild(aDOM);\r\n      aDOM.click();\r\n      document.body.removeChild(aDOM);\r\n    },\r\n    downloadOut() {\r\n      getDownLoadList({}).then((res) => {\r\n        this.exportDownFile(res, \"摄像机台账模板\");\r\n      });\r\n    },\r\n    exportDownFile: function (obj, name = Date.now(), suffix = \"xlsx\") {\r\n      const url = window.URL.createObjectURL(\r\n        new Blob([obj], { type: \"application/vnd.ms-excel\" })\r\n      );\r\n      const aDOM = document.createElement(\"a\");\r\n      aDOM.style.display = \"none\";\r\n      aDOM.href = url;\r\n      const fileName = name + \".\" + suffix;\r\n      aDOM.setAttribute(\"download\", fileName);\r\n      document.body.appendChild(aDOM);\r\n      aDOM.click();\r\n      document.body.removeChild(aDOM);\r\n    },\r\n    updateFileItem(row) {\r\n      console.log(row);\r\n      this.dialogVisible = true;\r\n      this.row = row;\r\n    },\r\n    lokDetailInfo: function (row) {\r\n      this.detailDialog = true;\r\n      getCameraFetail(row.id).then((res) => {\r\n        res.data.installLongitude = res.data.installLongitude||''\r\n        res.data.installLatitude = res.data.installLatitude||''\r\n        this.detailData = res.data;\r\n        this.cameraCodeValue = this.detailData.cameraCode;\r\n        if(this.detailData.installLongitude!=null&&this.detailData.installLatitude!=null&&this.detailData.installLongitude!=''&&this.detailData.installLatitude!=''){\r\n          this.pjjwd =\r\n          this.detailData.installLongitude +\r\n          \"，\" +\r\n          this.detailData.installLatitude;\r\n        }else{\r\n          this.pjjwd=''\r\n        }\r\n        if(this.detailData.beginMiles!=null&&this.detailData.endMiles!=null&&this.detailData.beginMiles!=''&&this.detailData.endMiles!=''){\r\n          this.pjJkfw =this.detailData.beginMiles + \"~\" + this.detailData.endMiles;\r\n        }else{\r\n          this.pjJkfw =''\r\n        }\r\n      });\r\n    },\r\n    deleteEquip: function () {\r\n      this.$confirm(\"此操作将永久删除该文件, 是否继续?\", \"提示\", {\r\n        confirmButtonText: \"确定\",\r\n        cancelButtonText: \"取消\",\r\n        type: \"warning\",\r\n      })\r\n        .then(() => {\r\n          this.$message({\r\n            type: \"success\",\r\n            message: \"删除成功!\",\r\n          });\r\n        })\r\n        .catch(() => {\r\n          this.$message({\r\n            type: \"info\",\r\n            message: \"已取消删除\",\r\n          });\r\n        });\r\n    },\r\n    importLoadIn: function () {\r\n      this.uploadDialog = true;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dashboard {\r\n  &-container {\r\n    margin: 45px 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.cardHeadr {\r\n  margin-top: -20px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.search_btn {\r\n  cursor: pointer;\r\n  background-color: #2766dd;\r\n  color: #f7f8fb;\r\n  font-size: 14px;\r\n  width: 80px;\r\n  height: 40px;\r\n  text-align: center;\r\n  line-height: 40px;\r\n}\r\n.search_btna {\r\n  cursor: pointer;\r\n  background-color: #2766dd !important;\r\n  color: #fff;\r\n  font-size: 14px;\r\n  width: 80px;\r\n  height: 40px;\r\n  text-align: center;\r\n}\r\n\r\n.search_btna,\r\n.search_btn:hover {\r\n  background-color: #4d85f4;\r\n}\r\n\r\n.reset_btn {\r\n  cursor: pointer;\r\n  color: #565656;\r\n  font-size: 14px;\r\n  border: 1px solid #d7d7d7;\r\n  width: 80px;\r\n  height: 40px;\r\n  text-align: center;\r\n  line-height: 40px;\r\n}\r\n\r\n.reset_btn:hover {\r\n  color: #1f9fff;\r\n  border: 1px solid #1f9fff;\r\n  background: none;\r\n}\r\n\r\n.addBtn {\r\n  margin: 15px 20px 15px 0;\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\r\n.addBtn:hover {\r\n  color: #ffffff;\r\n  background-color: #2250c8;\r\n  border: 1px solid #2250c8;\r\n}\r\n.addBtn:active {\r\n  color: #ffffff;\r\n  background-color: #194da4;\r\n  border: 1px solid #194da4;\r\n}\r\n.operateBtn {\r\n  display: flex;\r\n  justify-content: center;\r\n  color: #2866dd;\r\n  div {\r\n    font-size: 14px;\r\n    margin: 0 5px;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.el-tooltip__popper {\r\n  max-width: 30%;\r\n  padding-bottom: 5px !important;\r\n  display: -webkit-box;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  -webkit-line-clamp: 15;\r\n  -webkit-box-orient: vertical;\r\n}\r\n.el-tooltip__popper,\r\n.el-tooltip__popper.is-dark {\r\n  background: rgb(48, 65, 86) !important;\r\n  color: #fff !important;\r\n  line-height: 24px;\r\n}\r\n.xzmba {\r\n  color: #2766dd;\r\n  text-decoration: underline;\r\n  cursor: pointer;\r\n}\r\n.hxj {\r\n  width: 100%;\r\n  text-align: center;\r\n  padding: 0 !important;\r\n}\r\n::v-deep .el-dialog__header {\r\n  padding: 0 20px 10px !important;\r\n}\r\n::v-deep .el-dialog__body {\r\n  padding: 20px 20px !important;\r\n}\r\n::v-deep .el-upload__tip {\r\n  margin-top: -17px;\r\n}\r\n::v-deep .el-upload-dragger .el-upload__text {\r\n  margin-top: -10px;\r\n}\r\n.dialog-footer {\r\n  text-align: center;\r\n}\r\n.detailDia {\r\n  div {\r\n    padding-left: 100px;\r\n  }\r\n}\r\n::v-deep .el-input__inner,\r\n.el-input--suffix .el-input__inner {\r\n  padding-right: 0 !important;\r\n}\r\n::v-deep .el-input.is-disabled .el-input__inner {\r\n  color: #606266;\r\n}\r\n::v-deep .el-textarea .el-input__count {\r\n  bottom: -40px;\r\n}\r\n::v-deep .el-input__icon {\r\n  line-height: 47px;\r\n}\r\n::v-deep .el-select .el-input .el-select__caret {\r\n  line-height: 20px !important;\r\n}\r\n::v-deep .el-dialog__header {\r\n    padding: 7px 20px 10px !important;\r\n}\r\n::v-deep .el-dialog__headerbtn {\r\n    position: absolute;\r\n    top: 12px;\r\n    right: 20px;\r\n    padding: 0;\r\n    background: 0 0;\r\n    border: none;\r\n    outline: 0;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n}\r\n\r\n</style>\r\n"]}]}