{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/systemMonitoring/cameraMonitoring/index.vue?vue&type=style&index=0&id=1628699e&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/systemMonitoring/cameraMonitoring/index.vue","mtime":1708395041892},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmRhc2hib2FyZCB7DQogICYtY29udGFpbmVyIHsNCiAgICBtYXJnaW46IDQ1cHggMzBweCAzMHB4Ow0KICB9DQoNCiAgJi10ZXh0IHsNCiAgICBmb250LXNpemU6IDMwcHg7DQogICAgbGluZS1oZWlnaHQ6IDQ2cHg7DQogIH0NCn0NCi5jYXJkSGVhZHIgew0KICBtYXJnaW4tdG9wOiAtMjBweDsNCiAgZGlzcGxheTogZmxleDsNCiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOw0KfQ0KDQouc2VhcmNoX2J0biB7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzI3NjZkZDsNCiAgY29sb3I6ICNmN2Y4ZmI7DQogIGZvbnQtc2l6ZTogMTRweDsNCiAgd2lkdGg6IDgwcHg7DQogIGhlaWdodDogNDBweDsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBsaW5lLWhlaWdodDogNDBweDsNCn0NCi5zZWFyY2hfYnRuYSB7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzI3NjZkZCAhaW1wb3J0YW50Ow0KICBjb2xvcjogI2ZmZjsNCiAgZm9udC1zaXplOiAxNHB4Ow0KICB3aWR0aDogODBweDsNCiAgaGVpZ2h0OiA0MHB4Ow0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQp9DQoNCi5zZWFyY2hfYnRuYSwNCi5zZWFyY2hfYnRuOmhvdmVyIHsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzRkODVmNDsNCn0NCg0KLnJlc2V0X2J0biB7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgY29sb3I6ICM1NjU2NTY7DQogIGZvbnQtc2l6ZTogMTRweDsNCiAgYm9yZGVyOiAxcHggc29saWQgI2Q3ZDdkNzsNCiAgd2lkdGg6IDgwcHg7DQogIGhlaWdodDogNDBweDsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBsaW5lLWhlaWdodDogNDBweDsNCn0NCg0KLnJlc2V0X2J0bjpob3ZlciB7DQogIGNvbG9yOiAjMWY5ZmZmOw0KICBib3JkZXI6IDFweCBzb2xpZCAjMWY5ZmZmOw0KICBiYWNrZ3JvdW5kOiBub25lOw0KfQ0KDQouYWRkQnRuIHsNCiAgbWFyZ2luOiAxNXB4IDIwcHggMTVweCAwOw0KICBjdXJzb3I6IHBvaW50ZXI7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgd2lkdGg6IDk4cHg7DQogIGhlaWdodDogMzRweDsNCiAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICBib3JkZXI6IDFweCBzb2xpZCAjYWJjN2ZkOw0KICBsaW5lLWhlaWdodDogMzRweDsNCiAgZm9udC13ZWlnaHQ6IDQwMDsNCiAgZm9udC1zaXplOiAxNHB4Ow0KICBjb2xvcjogIzIyNTBjODsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2U3ZWVmZjsNCn0NCg0KLmFkZEJ0bjpob3ZlciB7DQogIGNvbG9yOiAjZmZmZmZmOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjI1MGM4Ow0KICBib3JkZXI6IDFweCBzb2xpZCAjMjI1MGM4Ow0KfQ0KLmFkZEJ0bjphY3RpdmUgew0KICBjb2xvcjogI2ZmZmZmZjsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzE5NGRhNDsNCiAgYm9yZGVyOiAxcHggc29saWQgIzE5NGRhNDsNCn0NCi5vcGVyYXRlQnRuIHsNCiAgZGlzcGxheTogZmxleDsNCiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogIGNvbG9yOiAjMjg2NmRkOw0KICBkaXYgew0KICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICBtYXJnaW46IDAgNXB4Ow0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgfQ0KfQ0KDQouZWwtdG9vbHRpcF9fcG9wcGVyIHsNCiAgbWF4LXdpZHRoOiAzMCU7DQogIHBhZGRpbmctYm90dG9tOiA1cHggIWltcG9ydGFudDsNCiAgZGlzcGxheTogLXdlYmtpdC1ib3g7DQogIG92ZXJmbG93OiBoaWRkZW47DQogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOw0KICAtd2Via2l0LWxpbmUtY2xhbXA6IDE1Ow0KICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsOw0KfQ0KLmVsLXRvb2x0aXBfX3BvcHBlciwNCi5lbC10b29sdGlwX19wb3BwZXIuaXMtZGFyayB7DQogIGJhY2tncm91bmQ6IHJnYig0OCwgNjUsIDg2KSAhaW1wb3J0YW50Ow0KICBjb2xvcjogI2ZmZiAhaW1wb3J0YW50Ow0KICBsaW5lLWhlaWdodDogMjRweDsNCn0NCi54em1iYSB7DQogIGNvbG9yOiAjMjc2NmRkOw0KICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTsNCiAgY3Vyc29yOiBwb2ludGVyOw0KfQ0KLmh4aiB7DQogIHdpZHRoOiAxMDAlOw0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIHBhZGRpbmc6IDAgIWltcG9ydGFudDsNCn0NCjo6di1kZWVwIC5lbC1kaWFsb2dfX2hlYWRlciB7DQogIHBhZGRpbmc6IDAgMjBweCAxMHB4ICFpbXBvcnRhbnQ7DQp9DQo6OnYtZGVlcCAuZWwtZGlhbG9nX19ib2R5IHsNCiAgcGFkZGluZzogMjBweCAyMHB4ICFpbXBvcnRhbnQ7DQp9DQo6OnYtZGVlcCAuZWwtdXBsb2FkX190aXAgew0KICBtYXJnaW4tdG9wOiAtMTdweDsNCn0NCjo6di1kZWVwIC5lbC11cGxvYWQtZHJhZ2dlciAuZWwtdXBsb2FkX190ZXh0IHsNCiAgbWFyZ2luLXRvcDogLTEwcHg7DQp9DQouZGlhbG9nLWZvb3RlciB7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCn0NCi5kZXRhaWxEaWEgew0KICBkaXYgew0KICAgIHBhZGRpbmctbGVmdDogMTAwcHg7DQogIH0NCn0NCjo6di1kZWVwIC5lbC1pbnB1dF9faW5uZXIsDQouZWwtaW5wdXQtLXN1ZmZpeCAuZWwtaW5wdXRfX2lubmVyIHsNCiAgcGFkZGluZy1yaWdodDogMCAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLmVsLWlucHV0LmlzLWRpc2FibGVkIC5lbC1pbnB1dF9faW5uZXIgew0KICBjb2xvcjogIzYwNjI2NjsNCn0NCjo6di1kZWVwIC5lbC10ZXh0YXJlYSAuZWwtaW5wdXRfX2NvdW50IHsNCiAgYm90dG9tOiAtNDBweDsNCn0NCjo6di1kZWVwIC5lbC1pbnB1dF9faWNvbiB7DQogIGxpbmUtaGVpZ2h0OiA0N3B4Ow0KfQ0KOjp2LWRlZXAgLmVsLXNlbGVjdCAuZWwtaW5wdXQgLmVsLXNlbGVjdF9fY2FyZXQgew0KICBsaW5lLWhlaWdodDogMjBweCAhaW1wb3J0YW50Ow0KfQ0KLmJ0biB7DQogICAgICBtYXJnaW46IDE1cHggMjBweCAxNXB4IDA7DQogICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgICBmbG9hdDogbGVmdDsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIHdpZHRoOiA5OHB4Ow0KICAgICAgaGVpZ2h0OiAzNHB4Ow0KICAgICAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICAgICAgYm9yZGVyOiAxcHggc29saWQgI0FCQzdGRDsNCiAgICAgIGxpbmUtaGVpZ2h0OiAzNHB4Ow0KICAgICAgZm9udC13ZWlnaHQ6IDQwMDsNCiAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgIGNvbG9yOiAjMjI1MEM4Ow0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0U3RUVGRjsNCiAgICB9DQoNCiAgICAuYnRuOmhvdmVyIHsNCiAgICAgIGNvbG9yOiAjRkZGRkZGOw0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzIyNTBDODsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICMyMjUwQzg7DQogICAgfQ0KDQogICAgLmJ0bjphY3RpdmUgew0KICAgICAgY29sb3I6ICNGRkZGRkY7DQogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMTk0REE0Ow0KICAgICAgYm9yZGVyOiAxcHggc29saWQgIzE5NERBNDsNCiAgICB9DQogICAgLnN0YXJ0VXNpbmcgew0KICAgICAgd2lkdGg6IDU0cHg7DQogICAgICBoZWlnaHQ6IDI0cHg7DQogICAgICBtYXJnaW46IDE0LjVweCBhdXRvIDA7DQogICAgICBsaW5lLWhlaWdodDogMjRweDsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgIGNvbG9yOiAjMDA5NzREOw0KICAgICAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0U3RkFGMDsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNCRUZEREQ7DQogICAgfQ0KDQogICAgLkRlYWN0aXZhdGUgew0KICAgICAgd2lkdGg6IDU0cHg7DQogICAgICBoZWlnaHQ6IDI0cHg7DQogICAgICBtYXJnaW46IDE0LjVweCBhdXRvIDA7DQogICAgICBsaW5lLWhlaWdodDogMjRweDsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgIGNvbG9yOiAjRkY5OTMzOw0KICAgICAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0ZGRjNFODsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNGREU2Q0Y7DQogICAgfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsaA;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;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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","file":"index.vue","sourceRoot":"src/views/systemMonitoring/cameraMonitoring","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          <el-select v-model=\"queryParams.online\" clearable placeholder=\"请选择摄像机状态\">\r\n            <el-option v-for=\"item in statusOptions\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\" />\r\n          </el-select>\r\n          <div\r\n            v-if=\"searchShow == true\" \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            <el-button v-if=\"searchShow == false\" type=\"text\" style=\"color: #2766dd !important;margin-left:10px\"\r\n              icon=\"el-icon-arrow-up\" @click=\"searchShow = true\">收起</el-button>\r\n            <el-button v-if=\"searchShow == true\" type=\"text\" style=\"color:#2766DD;margin-left:10px\"\r\n              icon=\"el-icon-arrow-down\" @click=\"searchShow = false\">展开</el-button>\r\n          </div>\r\n        </el-row>\r\n        <el-row :gutter=\"24\" type=\"flex\" style=\"flex-wrap: wrap\">\r\n          <div :span=\"5\" v-if=\"searchShow == false\" style=\"display: flex; align-items: center; margin-top: 2px\">\r\n                <el-input\r\n                  style=\"width:200px;margin-left:10px\"\r\n                  v-model=\"queryParams.beginMileBD\"\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            </div>\r\n            <div :span=\"5\" v-if=\"searchShow == false\" style=\"display: flex; align-items: center; margin-top: 2px\">\r\n                <el-input\r\n                  style=\"width:200px;margin-left:20px\"\r\n                  v-model=\"queryParams.endMileBD\"\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            </div>\r\n              <el-col style=\"width:210px\"></el-col>\r\n              <el-col style=\"width:210px\"></el-col>\r\n          <div v-if=\"searchShow == false\" :span=\"6\">\r\n            <div class=\"search-btn\" style=\"display: flex;\">\r\n              <!-- <el-button class=\"search\" @click=\"handleQuery\">搜索</el-button>\r\n              <el-button class=\"reset\" @click=\"reset\">重置</el-button> -->\r\n              <div class=\"search_btn\" style=\"margin-top: 10px;\" @click=\"handleQuery\">查询</div>\r\n              <div class=\"reset_btn\" style=\"margin-left:10px;margin-top: 10px;\" @click=\"reset\">重置</div>\r\n              <el-button v-if=\"searchShow == false\" type=\"text\" icon=\"el-icon-arrow-up\"\r\n                style=\"color: #2766dd !important;margin-left:10px;margin-top: 10px;\"\r\n                @click=\"searchShow = true\">收起</el-button>\r\n              <el-button v-if=\"searchShow == true\" type=\"text\" icon=\"el-icon-arrow-down\"\r\n                @click=\"searchShow = false\">展开</el-button>\r\n            </div>\r\n          </div>\r\n        </el-row>\r\n      </div>\r\n\r\n      <div style=\"padding: 0 20px 20px 20px; background: #fff; margin-top: 15px\">\r\n        <div style=\"width: 100%;height: 30px;\">\r\n            <div class=\"btn\" style=\"margin-right: -3px;\" @click=\"reset()\">刷新</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\r\n            prop=\"cameraCode\"\r\n            label=\"摄像机编码\"\r\n            align=\"center\"\r\n            fixed=\"left\"\r\n          />\r\n          <el-table-column prop=\"stationName\" label=\"测点名称\" align=\"center\" />\r\n          <el-table-column prop=\"lineDir\" width=\"195\" 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=\"installMiles\"\r\n            label=\"安装里程位置(km)\"\r\n            align=\"center\"\r\n            width=\"185\"\r\n          ></el-table-column>\r\n          <el-table-column\r\n            prop=\"onlineName\"\r\n            label=\"状态\"\r\n            width=\"185\"\r\n            align=\"center\"\r\n          >\r\n          <template slot-scope=\"scope\">\r\n            <div class=\"Deactivate\" v-if=\"scope.row.onlineName == '离线'\">{{ scope.row.onlineName }}</div>\r\n                        <div class=\"startUsing\" v-else>{{ scope.row.onlineName }}</div>\r\n          </template>\r\n        </el-table-column>\r\n          <el-table-column\r\n          fixed=\"right\"\r\n            prop=\"createTime\"\r\n            label=\"更新时间\"\r\n            align=\"center\"\r\n            width=\"195\"\r\n          />\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    </div>\r\n  </div>\r\n</template>\r\n  \r\n  <script>\r\nimport { getToken } from \"@/utils/auth\";\r\nimport { mapGetters } from \"vuex\";\r\nimport {\r\n  getCameraDataList,\r\n  getLineDir,\r\n  getRecording,\r\n  getStartRecording,\r\n  getLineWayList,\r\n  getWorkSetion,\r\n  getLineData,\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    return {\r\n      searchShow: true,\r\n        statusOptions: [\r\n        {\r\n          label: '离线',\r\n          value: '1'\r\n        },\r\n        {\r\n          label: '在线',\r\n          value: '2'\r\n        }\r\n      ],\r\n      pjjwd: \"\",\r\n      pjJkfw: \"\",\r\n      // 导入\r\n      dataForm: {\r\n        name: \"\",\r\n        file: null,\r\n      },\r\n      searchShow: true,\r\n      startStatus: \"\",\r\n      disabledSave: false,\r\n      enter: 0,\r\n      queryParams: {\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        beginMile: \"\",\r\n        endMile: \"\",\r\n        beginMileBD:\"\",\r\n        endMileBD:\"\",\r\n        online:\"\",\r\n        pageNum: 1,\r\n        pageSize: 10,\r\n        cameraCode:'',\r\n        stationName:''\r\n      },\r\n      ids: [],\r\n      title: \"\",\r\n      tableData: [],\r\n      workSetiData: [],\r\n      getLineData: [],\r\n      total: 0,\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      },\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  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  },\r\n  created() {    \r\n    if(this.$route.params.pageNum){\r\n      this.queryParams.online = this.$route.params.onLine\r\n    }\r\n    this.getCameraList();\r\n    this.getWorkSetion();\r\n    this.getLineWayList();\r\n    this.getLineTypeList();\r\n  },\r\n  methods: {\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    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.beginMileBD=\"\"\r\n      this.queryParams.endMileBD = \"\"\r\n      this.queryParams.online=\"\"\r\n      this.queryParams.deptName = \"\";\r\n      this.queryParams.deptId = \"\";\r\n      this.queryParams.railwayCode = \"\";\r\n      this.queryParams.lineDir = \"\";\r\n      this.queryParams.beginMile = \"\";\r\n      this.queryParams.endMile = \"\";\r\n      this.queryParams.cameraCode = \"\";\r\n      this.queryParams.stationName = \"\";\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    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  },\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.btn {\r\n      margin: 15px 20px 15px 0;\r\n      cursor: pointer;\r\n      float: left;\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    .btn:hover {\r\n      color: #FFFFFF;\r\n      background-color: #2250C8;\r\n      border: 1px solid #2250C8;\r\n    }\r\n\r\n    .btn:active {\r\n      color: #FFFFFF;\r\n      background-color: #194DA4;\r\n      border: 1px solid #194DA4;\r\n    }\r\n    .startUsing {\r\n      width: 54px;\r\n      height: 24px;\r\n      margin: 14.5px auto 0;\r\n      line-height: 24px;\r\n      text-align: center;\r\n      font-size: 12px;\r\n      color: #00974D;\r\n      border-radius: 4px;\r\n      background-color: #E7FAF0;\r\n      border: 1px solid #BEFDDD;\r\n    }\r\n\r\n    .Deactivate {\r\n      width: 54px;\r\n      height: 24px;\r\n      margin: 14.5px auto 0;\r\n      line-height: 24px;\r\n      text-align: center;\r\n      font-size: 12px;\r\n      color: #FF9933;\r\n      border-radius: 4px;\r\n      background-color: #FFF3E8;\r\n      border: 1px solid #FDE6CF;\r\n    }\r\n</style>\r\n  "]}]}