@uni-sw/u-design 2.0.4

package/es/components/UVideo/VideoComponent/PtzControl/PtzAddCruisePathCtr.js

@@ -0,0 +1,1473 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+import React, { Component } from 'react';
+import UModal from "../../../UModal";
+import UButton from "../../../UButton";
+import UInput from "../../../UInput";
+import UTable from "../../../UTable";
+import USelect from "../../../USelect";
+import UInputNumber from "../../../UInputNumber";
+import message from "../../../UMessageBox/message";
+import Select from "../../../USelect/select";
+import URadioGroup from "../../../URadioGroup";
+import Tooltip from "../../../UTooltip/tooltip";
+import lodash from 'lodash';
+import * as Restful from "./HttpRequest";
+import "./PtzAddCruisePathCtr.less";
+import { _getGuid } from "../../../../globalFunc";
+import { PtzCmd } from "./PtzCmd";
+import TextInputNotice from "../../TextInputNotice/TextInputNotice";
+import { CONSTANT_IMOS_PLAYER_CAST_VIDEO_CLASSNAME, CONSTANT_IMOS_PLAYER_VIDEO_CLASSNAME4, hideDivElementSpecial } from "../../HideDiv";
+import { PlayWindow } from "../PlayWindow";
+var Option = Select.Option;
+var CruiseType = {
+  preset: 0,
+  //预置位巡航
+  track: 1,
+  //轨迹巡航
+  scan: 2 //扫描巡航
+};
+/**
+ * 巡航线添加窗体
+ */
+var PtzAddCruisePathCtr = /*#__PURE__*/function (_Component) {
+  function PtzAddCruisePathCtr(props) {
+    var _this;
+    _classCallCheck(this, PtzAddCruisePathCtr);
+    _this = _callSuper(this, PtzAddCruisePathCtr, [props]);
+    //巡航线名称
+    _this.onCruiseNameChange = function (value, e) {
+      // let newValue = e.target.value;
+      _this.setState({
+        cruisePathName: value
+      }, function () {
+        _this.forceUpdate();
+      });
+      _this.textRef.checkText(value);
+    };
+    //预置位查询
+    _this.queryPresetList = function (callback) {
+      if (_this.cameraInfo !== null && _this.cameraInfo.CameraCode !== null) {
+        Restful.QueryPreset(_this.cameraInfo.CameraCode, 0, function (queryRet) {
+          if (queryRet != null && queryRet.data != null) {
+            if (queryRet.data.ErrCode === 0) {
+              //查询成功，赋值查询结果
+              if (queryRet.data.Result.InfoList.length > 0) {
+                _this.setState({
+                  presetListOptions: queryRet.data.Result.InfoList
+                });
+              } else {
+                message.info('查询预置位成功,预置位数量为0', 1);
+              }
+              callback(true);
+            } else {
+              message.error('查询预置位失败:' + queryRet.data.ErrMsg, 1);
+            }
+          } else {
+            message.error('预置位失败，返回结果为空', 1);
+          }
+        });
+      } else {
+        message.error('相机信息为空', 1);
+      }
+    };
+    //查询相机某一巡航线详细信息
+    _this.queryCruisePathDetailInfo = function () {
+      if (_this.state.curCruisePathInfo !== undefined) {
+        Restful.QueryCruisePathInfoV2(_this.state.curCruisePathInfo.cruisePathCode, function (ret) {
+          if (ret != null && ret.data != null) {
+            if (ret.data.ErrCode === 0) {
+              //this.setState({ isShowDelCruisrForm: false });
+              var infoList = ret.data.QueryCruisePathInfoV2.ResCruisePathInfoV2.CruisePathInfoV.CruisePathItemList;
+              if (ret.data.QueryCruisePathInfoV2 !== null && infoList.length !== 0) {
+                var curSelectedPresetList = [];
+                for (var index = 0; index < infoList.length; index++) {
+                  var element = infoList[index];
+                  var operate = 'presetLocation';
+                  var presetValue = element.PresetValue;
+                  var presetDesc = element.PresetDesc;
+                  var preSetStopTime = element.PreSetStopTime;
+                  var speed = 5;
+                  var rotation = 'false';
+                  var duration = 10;
+                  if (element.PresetValue < 900) {
+                    operate = 'presetLocation';
+                    presetValue = element.PresetValue;
+                    presetDesc = element.PresetDesc;
+                    preSetStopTime = element.PreSetStopTime;
+                    speed = 1; //预置位巡航没有速度
+                  } else {
+                    presetValue = 0;
+                    presetDesc = '';
+                    speed = element.PresetValue % 10;
+                    preSetStopTime = element.PreSetStopTime;
+                    rotation = preSetStopTime === 0 ? 'true' : 'false';
+                    duration = element.PreSetStopTime;
+                    if (element.PresetValue >= 901 && element.PresetValue <= 909) {
+                      operate = 'top';
+                    } else if (element.PresetValue >= 911 && element.PresetValue <= 919) {
+                      operate = 'bottom';
+                    } else if (element.PresetValue >= 921 && element.PresetValue <= 929) {
+                      operate = 'left';
+                    } else if (element.PresetValue >= 931 && element.PresetValue <= 939) {
+                      operate = 'right';
+                    }
+                  }
+                  var cruisePathItemTemp = {
+                    SeqID: element.SeqID,
+                    //顺序编号
+                    Operate: operate,
+                    //动作
+                    PresetValue: presetValue,
+                    //预置位编号
+                    PresetDesc: presetDesc,
+                    //预置位描述
+                    PreSetStopTime: preSetStopTime,
+                    //停留时间
+                    Speed: speed,
+                    //速度，默认为5
+                    Rotation: rotation,
+                    //是否一直转动
+                    Duration: duration //持续时间
+                  };
+                  curSelectedPresetList.push(cruisePathItemTemp);
+                }
+                _this.maxSeqID = _this.getMaxSeqID(curSelectedPresetList);
+                _this.setState({
+                  cruisePathName: ret.data.QueryCruisePathInfoV2.ResCruisePathInfoV2.CruisePathInfoV.CruisePathName,
+                  curSelectedPresetList: curSelectedPresetList
+                });
+              }
+            } else {
+              message.error('查询巡航线详细信息失败:' + ret.data.ErrMsg, 1);
+            }
+          } else {
+            message.error('查询巡航线详细信息失败，返回结果为空', 1);
+          }
+        });
+      } else {
+        message.error('巡航线信息为空', 1);
+      }
+    };
+    _this.onSelectChange = function (key, record) {
+      _this.setState({
+        selectedRowKeys: key,
+        selectedTaskKey: record.map(function (item) {
+          return item.SeqID;
+        }),
+        selectedTaskList: record
+      });
+    };
+    _this.onAddClick = function () {
+      var _this$state = _this.state,
+        curSelectedPresetList = _this$state.curSelectedPresetList,
+        presetListOptions = _this$state.presetListOptions;
+      var newCurSelectedPresetList = lodash.cloneDeep(curSelectedPresetList);
+      var seqID = _this.maxSeqID;
+      var cruisePathItemTemp = {
+        // SeqID: curSelectedPresetList.length,   //顺序编号
+        SeqID: seqID,
+        //顺序编号
+        Operate: 'presetLocation',
+        //动作
+        PresetValue: presetListOptions.length === 0 ? 0 : presetListOptions[0].PresetValue,
+        //预置位编号
+        PresetDesc: presetListOptions.length === 0 ? '' : presetListOptions[0].PresetDesc,
+        //预置位描述
+        PreSetStopTime: 10,
+        //停留时间，轨迹巡航显示的是：持续时间，一直转动则为0
+        Speed: 5,
+        //速度，默认为5
+        Rotation: 'false',
+        //是否一直转动
+        Duration: 10 //持续时间
+      };
+
+      //cruisePathDetailList.push(cruisePathItemTemp);
+      newCurSelectedPresetList.push(cruisePathItemTemp);
+      _this.maxSeqID = _this.getMaxSeqID(newCurSelectedPresetList) + 1;
+      _this.setState({
+        //cruisePathDetailList: cruisePathDetailList,
+        curSelectedPresetList: newCurSelectedPresetList,
+        selectedTaskKey: [],
+        //已选巡航线key值
+        selectedTaskList: [],
+        //已选巡航线列表
+        selectedRowKeys: []
+      });
+    };
+    _this.getMaxSeqID = function (curSelectedPresetList) {
+      var maxSeqID = Math.max.apply(Math, _toConsumableArray(curSelectedPresetList.map(function (item) {
+        return item.SeqID;
+      })));
+      return maxSeqID;
+    };
+    _this.onDeleteClick = function () {
+      var _this$state2 = _this.state,
+        curSelectedPresetList = _this$state2.curSelectedPresetList,
+        selectedTaskKey = _this$state2.selectedTaskKey;
+      var newCurSelectedPresetList = lodash.cloneDeep(curSelectedPresetList);
+      if (selectedTaskKey !== null && selectedTaskKey.length !== 0) {
+        if (newCurSelectedPresetList !== null && newCurSelectedPresetList.length !== 0) {
+          var indexList = selectedTaskKey;
+          if (indexList.length > 0) {
+            indexList.forEach(function (index) {
+              var preset = newCurSelectedPresetList.filter(function (item) {
+                return item.SeqID === index;
+              });
+              if (preset && preset.length > 0) {
+                var _index = newCurSelectedPresetList.indexOf(preset[0]);
+                if (_index > -1) {
+                  newCurSelectedPresetList.splice(_index, 1);
+                }
+              }
+            });
+          }
+          _this.maxSeqID = _this.getMaxSeqID(newCurSelectedPresetList);
+          _this.setState({
+            curSelectedPresetList: newCurSelectedPresetList,
+            selectedTaskKey: [],
+            //已选巡航线key值
+            selectedTaskList: [],
+            //已选巡航线列表
+            selectedRowKeys: []
+          });
+        }
+      }
+    };
+    /**
+     * 向上
+     */
+    _this.onUpClick = function () {
+      var _this$state3 = _this.state,
+        curSelectedPresetList = _this$state3.curSelectedPresetList,
+        selectedTaskKey = _this$state3.selectedTaskKey;
+      var newCurSelectedPresetList = lodash.cloneDeep(curSelectedPresetList);
+      if (selectedTaskKey !== null && selectedTaskKey.length !== 0) {
+        if (newCurSelectedPresetList !== null && newCurSelectedPresetList.length !== 0) {
+          var indexList = selectedTaskKey;
+          if (indexList.length > 0) {
+            indexList.forEach(function (index) {
+              var temp = newCurSelectedPresetList[index];
+              if (index === 0) {
+                message.warn('已经在顶部');
+              } else {
+                newCurSelectedPresetList.splice(index, 1);
+                newCurSelectedPresetList.splice(index - 1, 0, temp);
+              }
+            });
+          }
+          newCurSelectedPresetList = _this.resetNumber(newCurSelectedPresetList);
+          _this.setState({
+            curSelectedPresetList: newCurSelectedPresetList,
+            selectedTaskKey: [],
+            //已选巡航线key值
+            selectedTaskList: [],
+            //已选巡航线列表
+            selectedRowKeys: []
+          });
+        }
+      }
+    };
+    /**
+     * 向下
+     */
+    _this.onDownClick = function () {
+      var _this$state4 = _this.state,
+        curSelectedPresetList = _this$state4.curSelectedPresetList,
+        selectedTaskKey = _this$state4.selectedTaskKey;
+      var newCurSelectedPresetList = lodash.cloneDeep(curSelectedPresetList);
+      if (selectedTaskKey !== null && selectedTaskKey.length !== 0) {
+        if (newCurSelectedPresetList !== null && newCurSelectedPresetList.length !== 0) {
+          var indexList = selectedTaskKey;
+          if (indexList.length > 0) {
+            indexList.forEach(function (index) {
+              var temp = newCurSelectedPresetList[index];
+              if (index === newCurSelectedPresetList.length - 1) {
+                message.warn('已经在底部');
+              } else {
+                newCurSelectedPresetList.splice(index, 1);
+                newCurSelectedPresetList.splice(index + 1, 0, temp);
+              }
+            });
+          }
+          newCurSelectedPresetList = _this.resetNumber(newCurSelectedPresetList);
+          _this.setState({
+            curSelectedPresetList: newCurSelectedPresetList,
+            selectedTaskKey: [],
+            //已选巡航线key值
+            selectedTaskList: [],
+            //已选巡航线列表
+            selectedRowKeys: []
+          });
+        }
+      }
+    };
+    /**
+     * 置顶
+     */
+    _this.onTopClick = function () {
+      var _this$state5 = _this.state,
+        curSelectedPresetList = _this$state5.curSelectedPresetList,
+        selectedTaskKey = _this$state5.selectedTaskKey;
+      var newCurSelectedPresetList = lodash.cloneDeep(curSelectedPresetList);
+      if (selectedTaskKey !== null && selectedTaskKey.length !== 0) {
+        if (newCurSelectedPresetList !== null && newCurSelectedPresetList.length !== 0) {
+          var indexList = selectedTaskKey;
+          if (indexList.length > 0) {
+            for (var index = 0; index < indexList.length; index++) {
+              var element = indexList[index];
+              var temp = newCurSelectedPresetList[element];
+              if (element === 0) {
+                message.warn('已经在顶部');
+              } else {
+                newCurSelectedPresetList.splice(element, 1);
+                newCurSelectedPresetList.splice(index, 0, temp);
+              }
+            }
+          }
+          newCurSelectedPresetList = _this.resetNumber(newCurSelectedPresetList);
+          _this.setState({
+            curSelectedPresetList: newCurSelectedPresetList,
+            selectedTaskKey: [],
+            //已选巡航线key值
+            selectedTaskList: [],
+            //已选巡航线列表
+            selectedRowKeys: []
+          });
+        }
+      }
+    };
+    /**
+     * 置底
+     */
+    _this.onBottomClick = function () {
+      var _this$state6 = _this.state,
+        curSelectedPresetList = _this$state6.curSelectedPresetList,
+        selectedTaskKey = _this$state6.selectedTaskKey;
+      var newCurSelectedPresetList = lodash.cloneDeep(curSelectedPresetList);
+      if (selectedTaskKey !== null && selectedTaskKey.length !== 0) {
+        if (newCurSelectedPresetList !== null && newCurSelectedPresetList.length !== 0) {
+          var indexList = selectedTaskKey;
+          if (indexList.length > 0) {
+            for (var index = indexList.length - 1; index >= 0; index--) {
+              var element = indexList[index];
+              var temp = newCurSelectedPresetList[element];
+              if (element === newCurSelectedPresetList.length - 1) {
+                message.warn('已经在底部');
+              } else {
+                newCurSelectedPresetList.splice(element, 1);
+                newCurSelectedPresetList.splice(newCurSelectedPresetList.length - (indexList.length - index) + 1, 0, temp);
+              }
+            }
+          }
+          newCurSelectedPresetList = _this.resetNumber(newCurSelectedPresetList);
+          _this.setState({
+            curSelectedPresetList: newCurSelectedPresetList,
+            selectedTaskKey: [],
+            //已选巡航线key值
+            selectedTaskList: [],
+            //已选巡航线列表
+            selectedRowKeys: []
+          });
+        }
+      }
+    };
+    _this.getSelectedKeyIndexs = function () {
+      var _this$state7 = _this.state,
+        curSelectedPresetList = _this$state7.curSelectedPresetList,
+        selectedTaskKey = _this$state7.selectedTaskKey;
+      var indexs = [];
+      selectedTaskKey.forEach(function (selItem) {
+        for (var index = 0; index < curSelectedPresetList.length; index++) {
+          var element = curSelectedPresetList[index];
+          if (element.presetCode === selItem) {
+            indexs.push(index);
+            break;
+          }
+        }
+      });
+      return indexs;
+    };
+    _this.loop = function () {
+      var curSelectedPresetList = _this.state.curSelectedPresetList;
+      var textLocale = _this.props.textLocale;
+      if (curSelectedPresetList !== null && curSelectedPresetList.length !== 0) {
+        var element = curSelectedPresetList[_this.loopIndex];
+        if (element.Operate === 'presetLocation') {
+          //转到预置位
+          Restful.UsePreset(_this.cameraInfo.CameraCode, element.PresetValue, function (useRet) {
+            if (useRet != null && useRet.data != null) {
+              if (useRet.data.ErrCode === 0) {
+                console.log('使用预置位成功');
+              } else {
+                message.error('使用预置位失败:' + useRet.data.ErrMsg, 1);
+              }
+            } else {
+              message.error('使用预置位失败，返回结果为空', 1);
+            }
+          });
+        } else {
+          //转到方向
+          var ptzCmdID = 0;
+          var ptzStopCmdID = 0;
+          var operateDes = '';
+          var ptzSpeed = element.Speed;
+          switch (element.Operate) {
+            case 'top':
+              ptzCmdID = PtzCmd.MW_PTZ_TILTUP;
+              ptzStopCmdID = PtzCmd.MW_PTZ_TILTUPSTOP;
+              operateDes = textLocale.upward;
+              break;
+            case 'bottom':
+              ptzCmdID = PtzCmd.MW_PTZ_TILTDOWN;
+              ptzStopCmdID = PtzCmd.MW_PTZ_TILTDOWNSTOP;
+              operateDes = textLocale.down;
+              break;
+            case 'left':
+              ptzCmdID = PtzCmd.MW_PTZ_PANLEFT;
+              ptzStopCmdID = PtzCmd.MW_PTZ_PANLEFTSTOP;
+              operateDes = textLocale.toLeft;
+              break;
+            case 'right':
+              ptzCmdID = PtzCmd.MW_PTZ_PANRIGHT;
+              ptzStopCmdID = PtzCmd.MW_PTZ_PANRIGHTSTOP;
+              operateDes = textLocale.toRight;
+              break;
+            default:
+              ptzCmdID = 0;
+              ptzStopCmdID = 0;
+              operateDes = '';
+              break;
+          }
+          _this.operatePtz(ptzCmdID, operateDes, ptzSpeed, function (response) {
+            _this.operatePtz(ptzStopCmdID, operateDes, ptzSpeed);
+          });
+        }
+        _this.loopIndex++;
+        if (_this.loopIndex < curSelectedPresetList.length) {
+          return;
+        }
+      }
+      clearInterval(_this.task);
+      _this.task = -1;
+    };
+    /**
+     * 预览
+     */
+    _this.onPreviewClick = function () {
+      _this.loopIndex = 0;
+      clearInterval(_this.task);
+      _this.task = setInterval(_this.loop, 1100);
+    };
+    _this.onPreview = function () {
+      var curSelectedPresetList = _this.state.curSelectedPresetList;
+      var textLocale = _this.props.textLocale;
+      if (curSelectedPresetList !== null && curSelectedPresetList.length !== 0) {
+        for (var index = 0; index < curSelectedPresetList.length; index++) {
+          var element = curSelectedPresetList[index];
+          if (element.Operate === 'presetLocation') {
+            //转到预置位
+            Restful.UsePreset(_this.cameraInfo.CameraCode, element.PresetValue, function (useRet) {
+              if (useRet != null && useRet.data != null) {
+                if (useRet.data.ErrCode === 0) {
+                  console.log('使用预置位成功');
+                } else {
+                  message.error('使用预置位失败:' + useRet.data.ErrMsg, 1);
+                }
+              } else {
+                message.error('使用预置位失败，返回结果为空', 1);
+              }
+            });
+          } else {
+            //转到方向
+            var ptzCmdID = 0;
+            var ptzStopCmdID = 0;
+            var operateDes = '';
+            var ptzSpeed = element.Speed;
+            switch (element.Operate) {
+              case 'top':
+                ptzCmdID = PtzCmd.MW_PTZ_TILTUP;
+                ptzStopCmdID = PtzCmd.MW_PTZ_TILTUPSTOP;
+                operateDes = textLocale.upward;
+                break;
+              case 'bottom':
+                ptzCmdID = PtzCmd.MW_PTZ_TILTDOWN;
+                ptzStopCmdID = PtzCmd.MW_PTZ_TILTDOWNSTOP;
+                operateDes = textLocale.down;
+                break;
+              case 'left':
+                ptzCmdID = PtzCmd.MW_PTZ_PANLEFT;
+                ptzStopCmdID = PtzCmd.MW_PTZ_PANLEFTSTOP;
+                operateDes = textLocale.toLeft;
+                break;
+              case 'right':
+                ptzCmdID = PtzCmd.MW_PTZ_PANRIGHT;
+                ptzStopCmdID = PtzCmd.MW_PTZ_PANRIGHTSTOP;
+                operateDes = textLocale.toRight;
+                break;
+              default:
+                ptzCmdID = 0;
+                ptzStopCmdID = 0;
+                operateDes = '';
+                break;
+            }
+            _this.operatePtz(ptzCmdID, operateDes, ptzSpeed);
+            _this.operatePtz(ptzStopCmdID, operateDes, ptzSpeed);
+          }
+        }
+      }
+    };
+    /**
+     * 重新赋值序号
+     */
+    _this.resetNumber = function (InfoList) {
+      for (var index = 0; index < InfoList.length; index++) {
+        InfoList[index].SeqID = index;
+      }
+      return InfoList;
+    };
+    /**
+     * 动作列修改
+     */
+    _this.onOperateChange = function (record, value) {
+      var id = record.SeqID;
+      var curSelectedPresetList = _this.state.curSelectedPresetList;
+      var newCurSelectedPresetList = lodash.cloneDeep(curSelectedPresetList);
+      if (newCurSelectedPresetList !== null && newCurSelectedPresetList.length !== 0) {
+        for (var index = 0; index < newCurSelectedPresetList.length; index++) {
+          var element = newCurSelectedPresetList[index];
+          if (element.SeqID === id) {
+            newCurSelectedPresetList[index].Operate = value;
+            break;
+          }
+        }
+      }
+      _this.maxSeqID = _this.getMaxSeqID(newCurSelectedPresetList);
+      _this.setState({
+        curSelectedPresetList: newCurSelectedPresetList
+      });
+    };
+    /**
+     * 预置位选择
+     */
+    _this.onPresetSelectedChange = function (record, value, option) {
+      var id = record.SeqID;
+      var key = Number(option.key);
+      var curSelectedPresetList = _this.state.curSelectedPresetList;
+      var newCurSelectedPresetList = lodash.cloneDeep(curSelectedPresetList);
+      if (newCurSelectedPresetList !== null && newCurSelectedPresetList.length !== 0) {
+        for (var index = 0; index < newCurSelectedPresetList.length; index++) {
+          var element = newCurSelectedPresetList[index];
+          if (element.SeqID === id) {
+            newCurSelectedPresetList[index].PresetValue = key;
+            newCurSelectedPresetList[index].PresetDesc = value;
+            break;
+          }
+        }
+      }
+      _this.maxSeqID = _this.getMaxSeqID(newCurSelectedPresetList);
+      _this.setState({
+        curSelectedPresetList: newCurSelectedPresetList
+      });
+    };
+    /**
+     * 停留时间change
+     */
+    _this.onPreSetStopTimeChange = function (record, value) {
+      var id = record.SeqID;
+      var curSelectedPresetList = _this.state.curSelectedPresetList;
+      if (curSelectedPresetList !== null && curSelectedPresetList.length !== 0) {
+        for (var index = 0; index < curSelectedPresetList.length; index++) {
+          var element = curSelectedPresetList[index];
+          if (element.SeqID === id) {
+            curSelectedPresetList[index].PreSetStopTime = value;
+            break;
+          }
+        }
+      }
+      _this.setState({
+        curSelectedPresetList: curSelectedPresetList
+      });
+    };
+    /**
+     * 速度change
+     */
+    _this.onSpeedChange = function (record, value) {
+      var id = record.SeqID;
+      var curSelectedPresetList = _this.state.curSelectedPresetList;
+      if (curSelectedPresetList !== null && curSelectedPresetList.length !== 0) {
+        for (var index = 0; index < curSelectedPresetList.length; index++) {
+          var element = curSelectedPresetList[index];
+          if (element.SeqID === id) {
+            curSelectedPresetList[index].Speed = value;
+            break;
+          }
+        }
+      }
+      _this.setState({
+        curSelectedPresetList: curSelectedPresetList
+      });
+    };
+    /**
+     * 一直转动change
+     */
+    _this.onRotationChange = function (record, value) {
+      var id = record.SeqID;
+      var curSelectedPresetList = _this.state.curSelectedPresetList;
+      var newCurSelectedPresetList = lodash.cloneDeep(curSelectedPresetList);
+      if (newCurSelectedPresetList !== null && newCurSelectedPresetList.length !== 0) {
+        for (var index = 0; index < newCurSelectedPresetList.length; index++) {
+          var element = newCurSelectedPresetList[index];
+          if (element.SeqID === id) {
+            newCurSelectedPresetList[index].Rotation = value;
+            break;
+          }
+        }
+      }
+      _this.setState({
+        curSelectedPresetList: newCurSelectedPresetList
+      });
+    };
+    /**
+     * 持续时间change
+     */
+    _this.onDurationChange = function (record, value) {
+      var id = record.SeqID;
+      var curSelectedPresetList = _this.state.curSelectedPresetList;
+      if (curSelectedPresetList !== null && curSelectedPresetList.length !== 0) {
+        for (var index = 0; index < curSelectedPresetList.length; index++) {
+          var element = curSelectedPresetList[index];
+          if (element.SeqID === id) {
+            curSelectedPresetList[index].Duration = value;
+            break;
+          }
+        }
+      }
+      _this.setState({
+        curSelectedPresetList: curSelectedPresetList
+      });
+    };
+    /**
+     * 转到预置位
+     */
+    _this.onUseHandleDown = function (record) {
+      var textLocale = _this.props.textLocale;
+      if (record.Operate === 'presetLocation') {
+        //转到预置位
+        Restful.UsePreset(_this.cameraInfo.CameraCode, record.PresetValue, function (useRet) {
+          if (useRet != null && useRet.data != null) {
+            if (useRet.data.ErrCode === 0) {
+              console.log('使用预置位成功');
+            } else {
+              message.error('使用预置位失败:' + useRet.data.ErrMsg, 1);
+            }
+          } else {
+            message.error('使用预置位失败，返回结果为空', 1);
+          }
+        });
+      } else {
+        //转动方向
+        var ptzCmdID = 0;
+        var operateDes = '';
+        var ptzSpeed = record.Speed;
+        switch (record.Operate) {
+          case 'top':
+            ptzCmdID = PtzCmd.MW_PTZ_TILTUP;
+            operateDes = textLocale.upward;
+            break;
+          case 'bottom':
+            ptzCmdID = PtzCmd.MW_PTZ_TILTDOWN;
+            operateDes = textLocale.down;
+            break;
+          case 'left':
+            ptzCmdID = PtzCmd.MW_PTZ_PANLEFT;
+            operateDes = textLocale.toLeft;
+            break;
+          case 'right':
+            ptzCmdID = PtzCmd.MW_PTZ_PANRIGHT;
+            operateDes = textLocale.toRight;
+            break;
+          default:
+            ptzCmdID = 0;
+            operateDes = '';
+            break;
+        }
+        _this.operatePtz(ptzCmdID, operateDes, ptzSpeed);
+      }
+    };
+    _this.onUseHandleUp = function (record) {
+      if (record.Operate === 'presetLocation') {
+        return;
+      }
+      var textLocale = _this.props.textLocale;
+      //转动方向
+      var ptzCmdID = 0;
+      var operateDes = '';
+      switch (record.Operate) {
+        case 'top':
+          ptzCmdID = PtzCmd.MW_PTZ_TILTUPSTOP;
+          operateDes = textLocale.upwardStop;
+          break;
+        case 'bottom':
+          ptzCmdID = PtzCmd.MW_PTZ_TILTDOWNSTOP;
+          operateDes = textLocale.downStop;
+          break;
+        case 'left':
+          ptzCmdID = PtzCmd.MW_PTZ_PANLEFTSTOP;
+          operateDes = textLocale.toLeftStop;
+          break;
+        case 'right':
+          ptzCmdID = PtzCmd.MW_PTZ_PANRIGHTSTOP;
+          operateDes = textLocale.toRightStop;
+          break;
+        default:
+          ptzCmdID = 0;
+          operateDes = '';
+          break;
+      }
+      _this.operatePtz(ptzCmdID, operateDes);
+    };
+    //操作云台
+    _this.operatePtz = function (ptzCmdID, operateDes, ptzSpeed, callback) {
+      var condition = {
+        PTZCmdID: ptzCmdID,
+        PTZCmdPara1: ptzSpeed,
+        //---云台转速...
+        PTZCmdPara2: ptzSpeed,
+        //---云台转速...
+        PTZCmdPara3: 0 //预留字段
+      };
+      //message.destroy();
+      Restful.StartPtz(_this.cameraInfo.CameraCode, function (startRet) {
+        if (startRet != null && startRet.data != null) {
+          if (startRet.data.ErrCode === 0) {
+            Restful.OperationPtz(_this.cameraInfo.CameraCode, JSON.stringify(condition), function (optRet) {
+              if (optRet != null && optRet.data != null) {
+                if (optRet.data.ErrCode === 0) {
+                  console.log(operateDes + '操作成功');
+                  callback && callback(true);
+                } else {
+                  message.error(operateDes + '操作失败:' + optRet.data.ErrMsg, 1);
+                  return false;
+                }
+              } else {
+                message.error(operateDes + '操作失败,返回结果为空', 1);
+                return false;
+              }
+            });
+          } else {
+            message.error('启动云台控制失败:' + startRet.data.ErrMsg, 1);
+            return false;
+          }
+        } else {
+          message.error('启动云台控制失败，返回结果为空', 1);
+          return false;
+        }
+      });
+    };
+    //单个删除
+    _this.onDelHandleDelete = function (record) {
+      var curSelectedPresetList = _this.state.curSelectedPresetList;
+      var newCurSelectedPresetList = lodash.cloneDeep(curSelectedPresetList);
+      for (var index = 0; index < newCurSelectedPresetList.length; index++) {
+        var element = newCurSelectedPresetList[index];
+        if (element.SeqID === record.SeqID) {
+          newCurSelectedPresetList.splice(index, 1);
+        }
+      }
+      newCurSelectedPresetList = _this.resetNumber(newCurSelectedPresetList);
+      _this.maxSeqID = _this.getMaxSeqID(newCurSelectedPresetList);
+      _this.setState({
+        curSelectedPresetList: newCurSelectedPresetList,
+        selectedTaskKey: [],
+        //已选巡航线key值
+        selectedTaskList: [],
+        //已选巡航线列表
+        selectedRowKeys: []
+      });
+    };
+    _this.onCruiseTypeChange = function (e) {
+      if (e !== null) {
+        _this.setState({
+          cruiseType: e.target.value
+        });
+      }
+      // this.setState({ guardEnable: guardEnable });
+    };
+    //#region新增预置位
+    _this.onAddPresetClick = function () {
+      var presetListOptions = _this.state.presetListOptions;
+      var textLocale = _this.props.textLocale;
+      var defaultCode = '';
+      var defaultName = '';
+      var length = 0;
+      if (presetListOptions instanceof Array) {
+        length = presetListOptions.length;
+      }
+      var _loop = function _loop(i) {
+        if (-1 === presetListOptions.findIndex(function (item) {
+          return item.PresetValue === i;
+        })) {
+          defaultCode = i;
+          return 1; // break
+        }
+      };
+      for (var i = 1; i <= length; i++) {
+        if (_loop(i)) break;
+      }
+      if (!defaultCode) {
+        defaultCode = length + 1;
+      }
+      defaultName = textLocale.preset + '_' + defaultCode;
+      if (defaultCode < 1 || defaultCode > 255) {
+        defaultCode = '';
+        defaultName = '';
+      }
+      _this.setState({
+        isShowAddPresetForm: true,
+        addPresetCode: defaultCode,
+        addPresetName: defaultName
+      });
+      hideDivElementSpecial(['uvideo-ptz-cruisepath-addpreset']);
+    };
+    _this.onAddPresetCancel = function () {
+      _this.setState({
+        isShowAddPresetForm: false
+      });
+    };
+    //添加预置位
+    _this.addPreset = function () {
+      var _this$state8 = _this.state,
+        addPresetCode = _this$state8.addPresetCode,
+        addPresetName = _this$state8.addPresetName,
+        curSelectedPresetList = _this$state8.curSelectedPresetList;
+      _this.codeRef.checkText(addPresetCode + '');
+      if (!_this.codeRef.checkTextLegal()) {
+        _this.refs.code.focus();
+        return;
+      }
+      _this.nameRef.checkText(addPresetName);
+      if (!_this.nameRef.checkTextLegal()) {
+        _this.refs.name.focus();
+        return;
+      }
+      if (!_this.speedRef.checkTextLegal()) {
+        _this.refs.speed.focus();
+        return;
+      }
+      if (!_this.retentionRef.checkTextLegal()) {
+        _this.refs.retention.focus();
+        return;
+      }
+      if (addPresetCode !== '' && addPresetName !== '') {
+        if (_this.cameraInfo !== null && _this.cameraInfo.CameraCode !== null) {
+          var condition = {
+            PresetValue: addPresetCode,
+            PresetDesc: addPresetName
+          };
+          Restful.AddPreset(_this.cameraInfo.CameraCode, condition, function (ret) {
+            if (ret != null && ret.data != null) {
+              if (ret.data.ErrCode === 0) {
+                console.log('添加预置位成功');
+                _this.queryPresetList(function () {
+                  _this.setState({
+                    isShowAddPresetForm: false
+                  });
+                });
+
+                //预置位添加成功后，需要添加到巡航线列表
+                var cruisePathItemTemp = {
+                  SeqID: curSelectedPresetList.length,
+                  //顺序编号
+                  Operate: 'presetLocation',
+                  //动作
+                  PresetValue: addPresetCode,
+                  //预置位编号
+                  PresetDesc: addPresetName,
+                  //预置位描述
+                  PreSetStopTime: Number(_this.retentionRef.getInputText()),
+                  //停留时间，轨迹巡航显示的是：持续时间，一直转动则为0
+                  Speed: Number(_this.speedRef.getInputText()),
+                  //速度，默认为5
+                  Rotation: 'false',
+                  //是否一直转动
+                  Duration: Number(_this.retentionRef.getInputText()) //持续时间
+                };
+                curSelectedPresetList.push(cruisePathItemTemp);
+                _this.maxSeqID = _this.getMaxSeqID(curSelectedPresetList);
+                _this.setState({
+                  curSelectedPresetList: curSelectedPresetList,
+                  selectedTaskKey: [],
+                  //已选巡航线key值
+                  selectedTaskList: [],
+                  //已选巡航线列表
+                  selectedRowKeys: []
+                });
+              } else {
+                message.error('添加预置位失败:' + ret.data.ErrMsg, 1);
+              }
+            } else {
+              message.error('添加预置位失败，返回结果为空', 1);
+            }
+          });
+        } else {
+          message.warn('相机信息为空', 1);
+        }
+      } else {
+        message.warn('预置位信息不能为空', 1);
+      }
+    };
+    _this.onAddPresetCodeChange = function (e) {
+      var presetListOptions = _this.state.presetListOptions;
+      var textLocale = _this.props.textLocale;
+      var code = Number(e.target.value);
+      var name = textLocale.preset + '_' + code;
+      var func = function func(callback) {
+        if (code >= 1 && code <= 255) {
+          for (var index = 0; index < presetListOptions.length; index++) {
+            var element = presetListOptions[index];
+            if (element.PresetValue === code) {
+              name = element.PresetDesc;
+              break;
+            }
+          }
+          _this.setState({
+            addPresetCode: code,
+            addPresetName: name
+          }, function () {
+            _this.forceUpdate();
+          });
+          _this.nameRef.checkText(name);
+          callback(code, '');
+        } else {
+          _this.setState({
+            addPresetCode: '',
+            addPresetName: ''
+          }, function () {
+            _this.forceUpdate();
+          });
+          _this.nameRef.checkText('');
+          callback(code, textLocale.inputRangeMsg);
+        }
+      };
+      _this.codeRef.checkText(func);
+    };
+    _this.onAddPresetNameChange = function (e) {
+      _this.setState({
+        addPresetName: e.target.value
+      }, function () {
+        _this.forceUpdate();
+      });
+      _this.nameRef.checkText(e.target.value);
+    };
+    _this.onAddPresetSpeedChange = function (e) {
+      var textLocale = _this.props.textLocale;
+      var speed = Number(e.target.value);
+      // if (speed >= 1 && speed <= 9) {
+      //     this.setState({ addPresetSpeed: speed });
+      // } else {
+      //     this.setState({ addPresetSpeed: '' });
+      // }
+      var func = function func(callback) {
+        if (speed >= 1 && speed <= 9) {
+          callback(speed, '');
+        } else {
+          callback(speed, textLocale.validRangeOneToNine);
+        }
+      };
+      _this.speedRef.checkText(func);
+    };
+    _this.onAddPresetRetentionChange = function (e) {
+      var textLocale = _this.props.textLocale;
+      var retention = Number(e.target.value);
+      // if (retention >= 5 && retention <= 1800) {
+      //     this.setState({ addPresetRetention: retention });
+      // } else {
+      //     this.setState({ addPresetRetention: '' });
+      // }
+      var func = function func(callback) {
+        if (retention >= 5 && retention <= 1800) {
+          callback(retention, '');
+        } else {
+          callback(retention, textLocale.validRangeFiveTo);
+        }
+      };
+      _this.retentionRef.checkText(func);
+    };
+    _this.state = {
+      isCreat: _this.props.isCreat,
+      //当前窗体是否为创建：创建/编辑,任务编辑是有guardPositionPlanList巡航线信息传递
+      presetListOptions: _this.props.presetListOptions,
+      //预置位信息集合
+      curCruisePathInfo: _this.props.curCruisePathInfo,
+      //当前选择的巡航线信息---巡航线CruisePathCode、CruisePathName
+      cruisePathDetailInfo: null,
+      //巡航线详情信息
+      cruisePathDetailList: [],
+      //详情信息中的预置位列表
+      curSelectedPresetList: [],
+      //当前表格中存在的预置位数据,任务创建时获取使用
+
+      cruisePathName: '',
+      //巡航线名称
+      cruisePathCode: '',
+      //巡航线编码
+      cruiseType: CruiseType.preset,
+      //当前巡航类型。  预置位巡航/轨迹巡航/扫描巡航
+
+      selectedTaskKey: [],
+      //已选巡航线key值
+      selectedTaskList: [],
+      //已选巡航线列表
+      selectedRowKeys: [],
+      isShowAddPresetForm: false,
+      //是否显示预置位添加窗体
+      addPresetCode: '',
+      //当前预置位添加界面的预置位编号
+      addPresetName: '',
+      //当前预置位添加界面的预置位名称
+      addPreSetStopTime: 10,
+      //当前预置位添加界面的停留时间
+      addSpeed: 5,
+      //当前预置位添加界面的速度
+      addDuration: 10,
+      //当前预置位添加界面的持续时间
+
+      isSelPreset: true,
+      //动作是否选择为转向预置位
+      isShowCell: true,
+      //调试使用，记得删除
+      uid: _getGuid()
+    };
+    _this.cameraInfo = _this.props.cameraInfo; //当前video的相机信息-CameraCode CameraName ECIPAddr
+    _this.task = -1; //预览函数记录
+    _this.loopIndex = 0;
+    _this.maxSeqID = 0;
+    _this.addcruiseType = [{
+      label: _this.props.textLocale.presetBitTrackCruise,
+      value: 1
+    }
+    // {label: '扫描巡航',value: 2},
+    ];
+    return _this;
+  }
+  _inherits(PtzAddCruisePathCtr, _Component);
+  return _createClass(PtzAddCruisePathCtr, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.queryPresetList(); //重新加载预置位信息
+
+      if (this.state.isCreat === true) {
+        //巡航线创建,不需要操作
+      } else {
+        //巡航线编辑
+        var _ref = this.state.curCruisePathInfo || {},
+          cruisePathName = _ref.cruisePathName;
+        if (cruisePathName) {
+          this.setState({
+            cruisePathName: cruisePathName
+          });
+          this.textRef.checkText(cruisePathName);
+        }
+        //查询巡航线详细信息
+        if (this.state.curCruisePathInfo !== undefined) {
+          this.queryCruisePathDetailInfo();
+        } else {
+          message.warn('巡航线信息为空，请重新选择', 1);
+          return;
+        }
+      }
+      console.log(this.video);
+      this.video && this.video.playLive && this.video.playLive({
+        CameraCode: this.cameraInfo.CameraCode,
+        CameraName: this.cameraInfo.CameraName
+      });
+    }
+  }, {
+    key: "render",
+    value:
+    //#endregion
+
+    function render() {
+      var _this2 = this;
+      var _this$state9 = this.state,
+        curSelectedPresetList = _this$state9.curSelectedPresetList,
+        presetListOptions = _this$state9.presetListOptions,
+        cruiseType = _this$state9.cruiseType,
+        isShowAddPresetForm = _this$state9.isShowAddPresetForm,
+        addPresetCode = _this$state9.addPresetCode,
+        addPresetName = _this$state9.addPresetName,
+        selectedRowKeys = _this$state9.selectedRowKeys,
+        uid = _this$state9.uid;
+      var _this$props = this.props,
+        textLocale = _this$props.textLocale,
+        theme = _this$props.theme;
+      var rowSelection = {
+        selectedRowKeys: selectedRowKeys,
+        onChange: this.onSelectChange
+      };
+      var columns = [{
+        title: textLocale.action,
+        width: '80px',
+        dataIndex: 'Operate',
+        render: function render(key, record) {
+          return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(USelect, {
+            placeholder: textLocale.pleaseSelect,
+            className: "ant-select-ope",
+            optionList: [{
+              value: 'presetLocation',
+              label: textLocale.transferToPreset
+            }, {
+              value: 'top',
+              label: textLocale.upward
+            }, {
+              value: 'bottom',
+              label: textLocale.down
+            }, {
+              value: 'left',
+              label: textLocale.toLeft
+            }, {
+              value: 'right',
+              label: textLocale.toRight
+            }],
+            value: record.Operate,
+            theme: theme,
+            onChange: _this2.onOperateChange.bind(_this2, record)
+          }));
+        }
+      }, {
+        title: textLocale.preset,
+        width: '110px',
+        dataIndex: 'PresetDesc',
+        render: function render(key, record) {
+          return (
+            // this.state.isShowCell === false ?
+            record.Operate !== 'presetLocation' ? /*#__PURE__*/React.createElement("div", null, "/") : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(USelect, {
+              placeholder: textLocale.pleaseSelect,
+              className: "ant-select-ope",
+              optionList: presetListOptions.map(function (option) {
+                return {
+                  value: option.PresetDesc,
+                  label: option.PresetDesc
+                };
+              }),
+              value: record.PresetDesc,
+              theme: theme,
+              disabled: record.operate === 'presetLocation' ? true : false,
+              onChange: _this2.onPresetSelectedChange.bind(_this2, record)
+            }))
+          );
+        }
+      }, {
+        title: textLocale.residenceTime,
+        width: '80px',
+        dataIndex: 'PreSetStopTime;',
+        render: function render(key, record) {
+          return record.Operate !== 'presetLocation' ? /*#__PURE__*/React.createElement("div", null, "/") : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UInputNumber, {
+            className: "ant-input-number",
+            style: {
+              width: '100%'
+            },
+            value: record.PreSetStopTime,
+            theme: theme,
+            onChange: _this2.onPreSetStopTimeChange.bind(_this2, record),
+            min: 5,
+            max: 1800
+          }));
+        }
+      }, {
+        title: textLocale.speed,
+        width: '60px',
+        dataIndex: 'Speed',
+        render: function render(key, record) {
+          return record.Operate === 'presetLocation' ? /*#__PURE__*/React.createElement("div", null, "/") : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UInputNumber, {
+            className: "ant-input-number",
+            style: {
+              width: '100%'
+            },
+            theme: theme,
+            onChange: _this2.onSpeedChange.bind(_this2, record),
+            min: 1,
+            max: 9,
+            value: record.Speed
+          }));
+        }
+      }, {
+        title: textLocale.keepTurning,
+        width: '80px',
+        dataIndex: 'Rotation',
+        render: function render(key, record) {
+          return record.Operate === 'presetLocation' ? /*#__PURE__*/React.createElement("div", null, "/") : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
+            title: textLocale.allRecordsChangeWillExecuted
+          }, /*#__PURE__*/React.createElement(Select, {
+            placeholder: "",
+            className: "ant-select-rotation",
+            dropdownStyle: {
+              color: 'white',
+              borderRadius: '0px'
+            },
+            dropdownMatchSelectWidth: true,
+            defaultValue: "false",
+            onChange: _this2.onRotationChange.bind(_this2, record),
+            value: record.Rotation
+          }, /*#__PURE__*/React.createElement(Option, {
+            style: {
+              backgroundColor: 'white',
+              fontsize: '12px'
+            },
+            value: "true"
+          }, textLocale.yes), /*#__PURE__*/React.createElement(Option, {
+            style: {
+              backgroundColor: 'white',
+              fontsize: '12px'
+            },
+            value: "false"
+          }, textLocale.no))));
+        }
+      }, {
+        title: textLocale.duration,
+        width: '80px',
+        dataIndex: 'Duration',
+        render: function render(key, record) {
+          return record.Operate === 'presetLocation' ? /*#__PURE__*/React.createElement("div", null, "/") : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UInputNumber, {
+            style: {
+              width: '100%'
+            },
+            className: "ant-input-number",
+            theme: theme,
+            onChange: _this2.onDurationChange.bind(_this2, record),
+            min: 5,
+            max: 300,
+            value: record.Duration,
+            disabled: record.Rotation === 'true' ? true : false
+          }));
+        }
+      }, {
+        title: textLocale.operation,
+        width: '70px',
+        //dataIndex: 'Operate',
+        render: function render(text, record) {
+          return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+            title: textLocale.delete,
+            className: "ptzsetguard-tableimage-delIcon",
+            onClick: _this2.onDelHandleDelete.bind(_this2, record)
+          }), /*#__PURE__*/React.createElement("div", {
+            title: textLocale.preview,
+            className: "ptzsetguard-tableimage-useIcon",
+            onMouseDown: _this2.onUseHandleDown.bind(_this2, record),
+            onMouseUp: _this2.onUseHandleUp.bind(_this2, record)
+          }));
+        }
+      }];
+      return /*#__PURE__*/React.createElement("div", {
+        className: "ptzctr-addcruisepath-main ".concat(CONSTANT_IMOS_PLAYER_CAST_VIDEO_CLASSNAME)
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "ptzctr-addcruise-top"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "addcruise-span-name"
+      }, textLocale.name), /*#__PURE__*/React.createElement(TextInputNotice, {
+        ref: function ref(_ref2) {
+          return _this2.textRef = _ref2;
+        },
+        maxLength: 20,
+        required: true,
+        value: this.state.cruisePathName,
+        textLocale: textLocale
+      }, /*#__PURE__*/React.createElement(UInput, {
+        ref: "cruisePathName",
+        className: "addcruise-name-input",
+        value: this.state.cruisePathName,
+        onChange: this.onCruiseNameChange,
+        theme: theme
+      })), /*#__PURE__*/React.createElement("span", {
+        className: "addcruise-span-type"
+      }), /*#__PURE__*/React.createElement(URadioGroup, {
+        options: this.addcruiseType,
+        value: 1,
+        theme: theme
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "ptzctr-splitline"
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "ptzctr-addcruise-mid"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "addcruise-mid-left"
+      }, cruiseType !== CruiseType.scan && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UButton, {
+        theme: theme,
+        className: "addcruise-mid-button",
+        onClick: function onClick() {
+          return _this2.onAddClick();
+        }
+      }, textLocale.addPtz), /*#__PURE__*/React.createElement(UButton, {
+        className: "addcruise-mid-button",
+        theme: theme,
+        onClick: this.onDeleteClick
+      }, textLocale.delete), /*#__PURE__*/React.createElement(UButton, {
+        className: "addcruise-mid-button",
+        theme: theme,
+        onClick: this.onTopClick
+      }, textLocale.top), /*#__PURE__*/React.createElement(UButton, {
+        className: "addcruise-mid-button",
+        theme: theme,
+        onClick: this.onUpClick
+      }, textLocale.upward), /*#__PURE__*/React.createElement(UButton, {
+        className: "addcruise-mid-button",
+        theme: theme,
+        onClick: this.onDownClick
+      }, textLocale.down), /*#__PURE__*/React.createElement(UButton, {
+        className: "addcruise-mid-button",
+        theme: theme,
+        onClick: this.onBottomClick
+      }, textLocale.bottom), /*#__PURE__*/React.createElement(UButton, {
+        className: "addcruise-mid-button",
+        theme: theme,
+        onClick: this.onPreviewClick
+      }, textLocale.preview)), /*#__PURE__*/React.createElement("div", {
+        className: "addcruise-mid-table"
+      }, /*#__PURE__*/React.createElement(UTable, {
+        columns: columns,
+        theme: theme,
+        rowKey: "SeqID",
+        bordered: true,
+        pagination: false,
+        rowSelection: rowSelection,
+        dataSource: curSelectedPresetList,
+        scroll: {
+          y: '363px'
+        }
+      }))), cruiseType === CruiseType.scan && /*#__PURE__*/React.createElement("div", null)), /*#__PURE__*/React.createElement("div", {
+        className: "addcruise-mid-right"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "addcruise-right-span"
+      }, textLocale.reality), /*#__PURE__*/React.createElement(UButton, {
+        className: "addcruise-right-button",
+        theme: theme,
+        onClick: this.onAddPresetClick
+      }, textLocale.addPreset), /*#__PURE__*/React.createElement(Tooltip, {
+        title: textLocale.pleaseLiveScreen
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "addcruise-right-img"
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "addcruise-right-video"
+      }, /*#__PURE__*/React.createElement(PlayWindow, {
+        ref: function ref(el) {
+          return _this2.video = el;
+        },
+        windowID: "play_window_".concat(uid, "_0"),
+        VMSdkType: this.props.VMSdkType,
+        voidClassName: CONSTANT_IMOS_PLAYER_VIDEO_CLASSNAME4,
+        videoBtnConfig: {
+          type: 3
+        },
+        textLocale: textLocale
+      })), /*#__PURE__*/React.createElement(UModal //添加预置位
+      , {
+        title: textLocale.addPreset,
+        theme: theme,
+        className: "ptzctr-modal uvideo-ptz-cruisepath-addpreset",
+        visible: isShowAddPresetForm,
+        onOk: this.addPreset,
+        onCancel: this.onAddPresetCancel,
+        maskClosable: false,
+        destroyOnClose: true,
+        width: "400px",
+        height: "240px",
+        footer: [/*#__PURE__*/React.createElement(UButton, {
+          key: "submit",
+          btnType: "primary",
+          theme: theme,
+          onClick: this.addPreset
+        }, textLocale.okText), /*#__PURE__*/React.createElement(UButton, {
+          key: "back",
+          theme: theme,
+          onClick: this.onAddPresetCancel
+        }, textLocale.cancelText)]
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "ptzctr-addpreset-ctr"
+      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+        className: "addpreset-span-code"
+      }, textLocale.presetID + '：'), /*#__PURE__*/React.createElement(TextInputNotice, {
+        ref: function ref(_ref3) {
+          return _this2.codeRef = _ref3;
+        },
+        value: addPresetCode,
+        required: true,
+        normalNotice: textLocale.inputRangeMsg,
+        textLocale: textLocale
+      }, /*#__PURE__*/React.createElement(UInput, {
+        ref: "code",
+        theme: theme,
+        className: "addpreset-input-code",
+        value: addPresetCode,
+        onChange: this.onAddPresetCodeChange
+      }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+        className: "addpreset-span-name"
+      }, textLocale.presetName + '：'), /*#__PURE__*/React.createElement(TextInputNotice, {
+        ref: function ref(_ref4) {
+          return _this2.nameRef = _ref4;
+        },
+        maxLength: 60,
+        value: addPresetName,
+        required: true,
+        textLocale: textLocale
+      }, /*#__PURE__*/React.createElement(UInput, {
+        ref: "name",
+        theme: theme,
+        className: "addpreset-input-name",
+        value: addPresetName,
+        onChange: this.onAddPresetNameChange
+      }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+        className: "addpreset-span-speed"
+      }, textLocale.speed, "\uFF1A"), /*#__PURE__*/React.createElement(TextInputNotice, {
+        ref: function ref(_ref5) {
+          return _this2.speedRef = _ref5;
+        },
+        maxLength: 20,
+        required: true,
+        normalNotice: textLocale.validRangeOneToNine,
+        defauValue: 5,
+        textLocale: textLocale
+      }, /*#__PURE__*/React.createElement(UInput, {
+        ref: "speed",
+        theme: theme,
+        className: "addpreset-input-speed",
+        defaultValue: 5,
+        onChange: this.onAddPresetSpeedChange
+      }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+        className: "addpreset-span-retention"
+      }, textLocale.residenceTime + '：'), /*#__PURE__*/React.createElement(TextInputNotice, {
+        ref: function ref(_ref6) {
+          return _this2.retentionRef = _ref6;
+        },
+        required: true,
+        normalNotice: textLocale.validRangeFiveTo,
+        defauValue: 10,
+        textLocale: textLocale
+      }, /*#__PURE__*/React.createElement(UInput, {
+        ref: "retention",
+        theme: theme,
+        className: "addpreset-input-retention",
+        defaultValue: 10,
+        onChange: this.onAddPresetRetentionChange
+      }))))))));
+    }
+  }]);
+}(Component);
+export { PtzAddCruisePathCtr as default };