hellfire 0.28.5 → 0.28.6

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [0.28.6](http://10.16.100.57/diffusion/115/paladin/compare/v0.28.5...v0.28.6) (2024-09-29)
+
+
+
 ## [0.28.5](http://10.16.100.57/diffusion/115/paladin/compare/v0.28.4...v0.28.5) (2024-09-23)
 
 

package/dist/index.js

@@ -46453,7 +46453,7 @@ function _ref$1m() {
   return _ref$1m.apply(this, arguments);
 }
 
-var css_248z$s = ".paladin-user-setting {\n  padding: 0 20px;\n  margin-bottom: 30px;\n  font-size: 15px;\n}\n.paladin-user-setting p {\n  font-size: 16px;\n}\n.paladin-user-setting .paladin-user-setting-remark {\n  color: #d43f3a;\n  margin: 10px 0 0 0;\n}\n.paladin-user-setting .paladin-user-setting-footer {\n  margin-top: 15px;\n  text-align: right;\n}\n.paladin-user-setting .paladin-user-setting-footer button {\n  margin-left: 10px;\n}\n.paladin-user-setting .paladin-setting-radio {\n  display: flex;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-label {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item {\n  display: flex;\n  flex-direction: row;\n  margin-right: 10px;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item .paladin-ipt {\n  padding: 0 !important;\n  margin: 0 3px 0 0 !important;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item input {\n  display: flex;\n  flex-direction: column;\n  width: 20px;\n  height: 20px;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item span {\n  display: flex;\n  flex-direction: column;\n}\n.paladin-user-setting .paladin-setting-hotkey {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-user-setting .paladin-setting-hotkey .paladin-setting-hotkey-item {\n  display: flex;\n  flex-direction: column;\n  flex: none;\n  padding: 5px 10px;\n  border: 1px solid #666;\n  border-radius: 3px;\n  margin-right: 10px;\n  margin-bottom: 10px;\n}\n";
+var css_248z$s = ".paladin-user-setting {\n  padding: 0 20px;\n  margin-bottom: 30px;\n  font-size: 15px;\n}\n.paladin-user-setting p {\n  font-size: 16px;\n}\n.paladin-user-setting p svg {\n  width: 10px;\n  margin-right: 2px;\n}\n.paladin-user-setting .paladin-user-setting-remark {\n  color: #d43f3a;\n  margin: 10px 0 0 0;\n}\n.paladin-user-setting .paladin-user-setting-footer {\n  margin-top: 15px;\n  text-align: right;\n}\n.paladin-user-setting .paladin-user-setting-footer button {\n  margin-left: 10px;\n}\n.paladin-user-setting .paladin-setting-radio {\n  display: flex;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-label {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item {\n  display: flex;\n  flex-direction: row;\n  margin-right: 10px;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item .paladin-ipt {\n  padding: 0 !important;\n  margin: 0 3px 0 0 !important;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item input {\n  display: flex;\n  flex-direction: column;\n  width: 20px;\n  height: 20px;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item span {\n  display: flex;\n  flex-direction: column;\n}\n.paladin-user-setting .paladin-setting-hotkey {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-user-setting .paladin-setting-hotkey .paladin-setting-hotkey-item {\n  display: flex;\n  flex-direction: column;\n  flex: none;\n  padding: 5px 10px;\n  border: 1px solid #666;\n  border-radius: 3px;\n  margin-right: 10px;\n  margin-bottom: 10px;\n}\n";
 styleInject$1(css_248z$s);
 
 var dicomSettingLeftMouseTools = ['StackScroll', 'Wwwc'];
@@ -46512,10 +46512,12 @@ var dicomSettingHotKeyDic = [{
   hotkey: 'X'
 }];
 var hotKeyIsOpen = window.localStorage.getItem('hellfire-hotkey-open') || 'open';
+var dicomBasicInfoFrom = window.localStorage.getItem('hellfire-dicom-basic-info-from') || 'dicom';
 var customDicomSetting = {
   leftMouseTool: 'Wwwc',
   rightMouseTool: 'Zoom',
-  hotKeyIsOpen: hotKeyIsOpen
+  hotKeyIsOpen: hotKeyIsOpen,
+  dicomBasicInfoFrom: dicomBasicInfoFrom
 };
 
 var saveCustomDicomSetting = function saveCustomDicomSetting() {
@@ -46528,6 +46530,19 @@ var saveCustomDicomSetting = function saveCustomDicomSetting() {
   customDicomSetting = Object.assign(customDicomSetting, _data);
 };
 
+function _extends$1o() { _extends$1o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1o.apply(this, arguments); }
+
+var _ref$1n = /*#__PURE__*/React__default.createElement("path", {
+  d: "M24.571 16l2.464 2.411q.536.5.357 1.25-.214.732-.929.911l-3.357.857.946 3.321q.214.732-.339 1.25-.518.554-1.25.339l-3.321-.946-.857 3.357q-.179.714-.911.929-.214.036-.339.036-.554 0-.911-.393l-2.411-2.464-2.411 2.464q-.5.536-1.25.357-.732-.196-.911-.929l-.857-3.357-3.321.946q-.732.214-1.25-.339-.554-.518-.339-1.25l.946-3.321-3.357-.857q-.714-.179-.929-.911-.179-.75.357-1.25L2.855 16 .391 13.589q-.536-.5-.357-1.25.214-.732.929-.911l3.357-.857-.946-3.321Q3.16 6.518 3.713 6q.518-.554 1.25-.339l3.321.946.857-3.357q.179-.732.911-.911.732-.214 1.25.339l2.411 2.482 2.411-2.482q.518-.536 1.25-.339.732.179.911.911l.857 3.357 3.321-.946q.732-.214 1.25.339.554.518.339 1.25l-.946 3.321 3.357.857q.714.179.929.911.179.75-.357 1.25z"
+});
+
+const SvgCertificate = props => /*#__PURE__*/React__default.createElement("svg", _extends$1o({
+  width: 32,
+  height: 32,
+  viewBox: "0 0 32 32",
+  fill: "currentColor"
+}, props), _ref$1n);
+
 function ownKeys$J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$J(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -46551,6 +46566,7 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
     defineProperty(assertThisInitialized(_this), "handleSave", function () {
       var dicomSettingChange = _this.props.dicomSettingChange;
       window.localStorage.setItem('hellfire-hotkey-open', _this.state.hotKeyIsOpen);
+      window.localStorage.setItem('hellfire-dicom-basic-info-from', _this.state.dicomBasicInfoFrom);
 
       if (dicomSettingChange) {
         dicomSettingChange && dicomSettingChange({
@@ -46577,11 +46593,12 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
           leftMouseTool = _this$state.leftMouseTool,
           rightMouseTool = _this$state.rightMouseTool,
-          hotKeyIsOpen = _this$state.hotKeyIsOpen;
+          hotKeyIsOpen = _this$state.hotKeyIsOpen,
+          dicomBasicInfoFrom = _this$state.dicomBasicInfoFrom;
       var close = this.props.close;
       return /*#__PURE__*/React__default.createElement("div", {
         className: 'paladin-user-setting'
-      }, /*#__PURE__*/React__default.createElement("p", null, "\u9F20\u6807\u8BBE\u7F6E\uFF1A"), /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(SvgCertificate, null), "\u9F20\u6807\u8BBE\u7F6E\uFF1A"), /*#__PURE__*/React__default.createElement("div", {
         className: 'paladin-setting-radio'
       }, /*#__PURE__*/React__default.createElement("div", {
         className: 'paladin-setting-radio-label'
@@ -46622,7 +46639,36 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
         style: {
           marginTop: '30px'
         }
-      }, "\u5FEB\u6377\u952E\u8BF4\u660E\uFF1A"), /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement(SvgCertificate, null), "\u57FA\u672C\u4FE1\u606F\u663E\u793A\u6765\u6E90"), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio',
+        style: {
+          marginBottom: '15px'
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio-item'
+      }, /*#__PURE__*/React__default.createElement(Input$1, {
+        type: "radio",
+        checked: dicomBasicInfoFrom === 'dicom',
+        onChange: function onChange(e) {
+          _this2.setState({
+            dicomBasicInfoFrom: 'dicom'
+          });
+        }
+      }), /*#__PURE__*/React__default.createElement("span", null, "\u56FE\u50CF")), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio-item'
+      }, /*#__PURE__*/React__default.createElement(Input$1, {
+        type: "radio",
+        checked: dicomBasicInfoFrom === 'study',
+        onChange: function onChange(e) {
+          _this2.setState({
+            dicomBasicInfoFrom: 'study'
+          });
+        }
+      }), /*#__PURE__*/React__default.createElement("span", null, "\u68C0\u67E5\u5217\u8868"))), /*#__PURE__*/React__default.createElement("p", {
+        style: {
+          marginTop: '30px'
+        }
+      }, /*#__PURE__*/React__default.createElement(SvgCertificate, null), "\u5FEB\u6377\u952E\u8BF4\u660E\uFF1A"), /*#__PURE__*/React__default.createElement("div", {
         className: 'paladin-setting-radio',
         style: {
           marginBottom: '15px'
@@ -47915,18 +47961,18 @@ var ConnectedDicomTool = reactRedux.connect(mapStateToProps$k, {
 var css_248z$t = ".paladin-thumb-content {\n  position: relative;\n  height: 66px;\n  width: 66px;\n  border-width: 1px;\n  border-style: solid;\n  cursor: pointer;\n}\n.paladin-thumb-content .paladin-thumb-bottom {\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #faa80a;\n  text-align: center;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-bottom-mobile {\n  font-size: 10px;\n}\n.paladin-thumb-content .paladin-thumb-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.paladin-thumb-content .paladin-thumb-process {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  height: 4px;\n  width: 100%;\n  background: #ffffff;\n  overflow: hidden;\n}\n.paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {\n  background: #faa80a;\n  height: 100%;\n}\n.mobile-thumb {\n  width: 50px;\n  height: 50px;\n}\n.paladin-thumb-svg {\n  cursor: pointer;\n  justify-content: center;\n}\n.paladin-thumb-svg svg {\n  fill: #fff;\n}\n.paladin-thumb-svg:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 15px;\n}\n.paladin-thumb-button svg {\n  fill: #fff;\n}\n.paladin-thumb-button:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button svg {\n  width: 11px !important;\n}\n.paladin-fresh-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 25px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
 styleInject$1(css_248z$t);
 
-function _extends$1o() { _extends$1o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1o.apply(this, arguments); }
+function _extends$1p() { _extends$1p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
 
-var _ref$1n = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1o = /*#__PURE__*/React__default.createElement("path", {
   d: "M3658.026 10.064c5.915-.329 11.359 2.241 14.432 6.357l-5.498 2.292 14.488 7.78 4.678-15.768-5.437 2.266c-4.491-7.516-13.347-12.235-23.194-11.634-12.153.737-22.056 9.888-23.034 21.285l8.693.746c.612-7.121 7.003-12.847 14.872-13.324zM3661.635 45.864c-6.105.345-11.715-2.402-14.729-6.753l4.887-2.037-13.401-7.196-4.324 14.584 4.657-1.941c4.157 7.321 12.398 12.102 21.752 12.102.558 0 1.121-.017 1.687-.051 12.151-.737 22.054-9.888 23.032-21.285l-8.691-.746c-.615 7.12-7.005 12.846-14.87 13.323z"
 });
 
-const SvgRefresh$1 = props => /*#__PURE__*/React__default.createElement("svg", _extends$1o({
+const SvgRefresh$1 = props => /*#__PURE__*/React__default.createElement("svg", _extends$1p({
   width: 60,
   height: 56,
   viewBox: "3630 0 60 56",
   fill: "currentColor"
-}, props), _ref$1n);
+}, props), _ref$1o);
 
 var css_248z$u = ".loadingIndicator {\n  position: absolute;\n  top: 0;\n  background: black;\n  opacity: 1;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.loadingIndicator .lds-ring {\n  color: #999;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 40px;\n  height: 40px;\n  margin: auto;\n}\n.loadingIndicator .lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border: 4px solid silver;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: silver transparent transparent transparent;\n}\n.loadingIndicator .lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.loadingIndicator .lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.loadingIndicator .lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loadingIndicator .loadingIndicator-retry {\n  width: 40px;\n  color: #999;\n  margin: 0 auto;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents h4 {\n  font-size: 18px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents h5 {\n  font-size: 16px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents p {\n  margin: 4px auto;\n  color: #999;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents .loadingIndicator-retry {\n  width: 40px;\n  margin: 20px auto 0 auto;\n}\n.loadingIndicator .indicatorContents-mini h4 {\n  color: #fff;\n  font-size: 12px;\n  margin: 5px 0 5px 0;\n}\n.loadingIndicator .indicatorContents-mini .loadingIndicator-retry {\n  width: 20px;\n  font-size: 12px;\n}\n";
 styleInject$1(css_248z$u);
@@ -48672,9 +48718,65 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
     classCallCheck(this, ViewportOverlay);
 
     _this = _super.call(this, props);
+
+    defineProperty(assertThisInitialized(_this), "getPatientNameData", function () {
+      var _this$state = _this.state,
+          dicom = _this$state.dicom,
+          basicInfoFrom = _this$state.basicInfoFrom;
+      var basicInfoFromStudy = _this.props.basicInfoFromStudy;
+
+      if (basicInfoFrom && basicInfoFrom === 'study' && basicInfoFromStudy && basicInfoFromStudy.name) {
+        return basicInfoFromStudy.name;
+      } else {
+        return dicom.PatientName.toString();
+      }
+    });
+
+    defineProperty(assertThisInitialized(_this), "getPatientSexData", function () {
+      var _this$state2 = _this.state,
+          dicom = _this$state2.dicom,
+          basicInfoFrom = _this$state2.basicInfoFrom;
+      var basicInfoFromStudy = _this.props.basicInfoFromStudy;
+
+      if (basicInfoFrom && basicInfoFrom === 'study' && basicInfoFromStudy && basicInfoFromStudy.patientSex) {
+        return basicInfoFromStudy.patientSex;
+      } else {
+        return dicom.PatientSex.toString();
+      }
+    });
+
+    defineProperty(assertThisInitialized(_this), "getPatientAgeData", function () {
+      var _this$state3 = _this.state,
+          dicom = _this$state3.dicom,
+          basicInfoFrom = _this$state3.basicInfoFrom;
+      var basicInfoFromStudy = _this.props.basicInfoFromStudy;
+
+      if (basicInfoFrom && basicInfoFrom === 'study' && basicInfoFromStudy && basicInfoFromStudy.patientAge) {
+        return basicInfoFromStudy.patientAge;
+      } else {
+        return dicom.PatientAge.toString();
+      }
+    });
+
+    defineProperty(assertThisInitialized(_this), "getPatientIDData", function () {
+      var _this$state4 = _this.state,
+          dicom = _this$state4.dicom,
+          basicInfoFrom = _this$state4.basicInfoFrom;
+      var basicInfoFromStudy = _this.props.basicInfoFromStudy;
+
+      if (basicInfoFrom && basicInfoFrom === 'study' && basicInfoFromStudy && basicInfoFromStudy.patientID) {
+        return basicInfoFromStudy.patientID;
+      } else {
+        return dicom.PatientID.toString();
+      }
+    });
+
+    var _basicInfoFrom = window.localStorage.getItem('hellfire-dicom-basic-info-from') || 'dicom';
+
     _this.state = {
       dicom: null,
-      fontSize: props.fontSize || 12
+      fontSize: props.fontSize || 12,
+      basicInfoFrom: _basicInfoFrom
     };
     return _this;
   }
@@ -48772,9 +48874,9 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
         return null;
       }
 
-      var _this$state = this.state,
-          dicom = _this$state.dicom,
-          fontSize = _this$state.fontSize;
+      var _this$state5 = this.state,
+          dicom = _this$state5.dicom,
+          fontSize = _this$state5.fontSize;
 
       if (!dicom) {
         return null;
@@ -48815,10 +48917,10 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
       var institutionName = dicom.InstitutionName.toString();
       var manufacturer = dicom.Manufacturer.toString();
       var manufacturerModelName = dicom.ManufacturerModelName.toString();
-      var patientName = dicom.PatientName.toString();
-      var patientSex = dicom.PatientSex.toString();
-      var patientAge = dicom.PatientAge.toString();
-      var patientID = dicom.PatientID.toString();
+      var patientName = this.getPatientNameData();
+      var patientSex = this.getPatientSexData();
+      var patientAge = this.getPatientAgeData();
+      var patientID = this.getPatientIDData();
       var bodyPartExamined = dicom.BodyPartExamined.toString();
       var laterality = dicom.Laterality.toString() || dicom.ImageLaterality.toString() || ''; //左下
 
@@ -48909,31 +49011,31 @@ defineProperty(ViewportOverlay, "propTypes", {
 var css_248z$w = ".paladin-custom-scroll {\n  cursor: pointer;\n  background: #333333;\n  position: relative;\n  border-color: #727882;\n  border-style: solid;\n  border-width: 0;\n  box-sizing: border-box;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller .paladin-custom-scroll-box {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 16px;\n  width: 16px;\n  background: rgba(91, 91, 91, 0.8);\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  top: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up svg {\n  color: #ccc;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  bottom: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down svg {\n  color: #ccc;\n}\n";
 styleInject$1(css_248z$w);
 
-function _extends$1p() { _extends$1p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
+function _extends$1q() { _extends$1q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1q.apply(this, arguments); }
 
-var _ref$1o = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1p = /*#__PURE__*/React__default.createElement("path", {
   d: "M30.054 23.768l-2.964 2.946q-.339.339-.804.339t-.804-.339L16 17.232l-9.482 9.482q-.339.339-.804.339t-.804-.339l-2.964-2.946q-.339-.339-.339-.813t.339-.813L15.196 8.91q.339-.339.804-.339t.804.339l13.25 13.232q.339.339.339.813t-.339.813z"
 });
 
-const SvgChevronUp = props => /*#__PURE__*/React__default.createElement("svg", _extends$1p({
+const SvgChevronUp = props => /*#__PURE__*/React__default.createElement("svg", _extends$1q({
   width: 32,
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$1o);
+}, props), _ref$1p);
 
-function _extends$1q() { _extends$1q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1q.apply(this, arguments); }
+function _extends$1r() { _extends$1r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
 
-var _ref$1p = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1q = /*#__PURE__*/React__default.createElement("path", {
   d: "M30.054 14.429l-13.25 13.232Q16.465 28 16 28t-.804-.339L1.946 14.429q-.339-.339-.339-.813t.339-.813L4.91 9.857q.339-.339.804-.339t.804.339L16 19.339l9.482-9.482q.339-.339.804-.339t.804.339l2.964 2.946q.339.339.339.813t-.339.813z"
 });
 
-const SvgChevronDown = props => /*#__PURE__*/React__default.createElement("svg", _extends$1q({
+const SvgChevronDown = props => /*#__PURE__*/React__default.createElement("svg", _extends$1r({
   width: 32,
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$1p);
+}, props), _ref$1q);
 
 var css_248z$x = ".paladin-aiTips-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.paladin-aiTips-content {\n  width: 1px;\n  height: 100%;\n  background: #ffff00;\n  position: absolute;\n  top: 0;\n}\n";
 styleInject$1(css_248z$x);
@@ -50873,7 +50975,18 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
     var _stack = lodash$1.cloneDeep(_props.stack); // 初始化的index
 
 
-    _this.setCurrentImageIdIndex(_props, _stack);
+    _this.setCurrentImageIdIndex(_props, _stack); // originStudy中提取basicInfoFromStudy 供四角信息
+
+
+    var basicInfoFromStudy;
+
+    if (_this.props.originStudy) {
+      var currentStudy = lodash$1.find(_this.props.originStudy, {
+        studyInstanceUID: _stack.studyInstanceUID
+      });
+
+      basicInfoFromStudy = lodash$1.pick(currentStudy, ['name', 'patientAge', 'patientSex', 'patientID']);
+    }
 
     _this.state = {
       isLoading: false,
@@ -50887,7 +51000,8 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
       //mpr模式的层厚倍数
       forceRender: false,
       aiTipInCustomScroll: null,
-      centesisTipInCustomScroll: null
+      centesisTipInCustomScroll: null,
+      basicInfoFromStudy: basicInfoFromStudy
     };
     _this.onImageRendered = _this.onImageRendered.bind(assertThisInitialized(_this));
     _this.onNewImage = _this.onNewImage.bind(assertThisInitialized(_this));
@@ -50927,7 +51041,8 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           aiTipInCustomScroll = _this$state.aiTipInCustomScroll,
           centesisTipInCustomScroll = _this$state.centesisTipInCustomScroll,
           stack = _this$state.stack,
-          domError = _this$state.domError;
+          domError = _this$state.domError,
+          basicInfoFromStudy = _this$state.basicInfoFromStudy;
       var _this$props4 = this.props,
           showCustomScroll = _this$props4.showCustomScroll,
           mpr = _this$props4.mpr,
@@ -51003,6 +51118,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
         viewport: viewport,
         imageId: imageId,
         stack: stack,
+        basicInfoFromStudy: basicInfoFromStudy,
         sliceThickness: sliceThickness,
         cpr: CPR,
         mpr: mpr
@@ -51781,7 +51897,8 @@ var mapStateToProps$m = function mapStateToProps(state) {
       linkSynchronizer = _state$paladin$viewpo.linkSynchronizer,
       linkImageModeSynchronizer = _state$paladin$viewpo.linkImageModeSynchronizer,
       seriesCurrentIndex = _state$paladin$viewpo.seriesCurrentIndex,
-      positionSynchronizer = _state$paladin$viewpo.positionSynchronizer;
+      positionSynchronizer = _state$paladin$viewpo.positionSynchronizer,
+      originStudy = _state$paladin$viewpo.originStudy;
   return {
     activeTool: activeTool,
     originActiveTool: originActiveTool,
@@ -51804,7 +51921,8 @@ var mapStateToProps$m = function mapStateToProps(state) {
     ReferencePosition: ReferencePosition,
     CPR: CPR,
     referenceLineType: referenceLineType,
-    keyImages: keyImages
+    keyImages: keyImages,
+    originStudy: originStudy
   };
 };
 
@@ -55060,52 +55178,52 @@ function studySeriesDataCheck (studies) {
 var css_248z$F = ".paladin-film-tool {\n  width: 220px;\n  color: #c0c0c0;\n  padding: 10px;\n  font-size: 15px;\n}\n.paladin-film-tool .film-full-line {\n  width: 100%;\n  height: 1px;\n  background: #777676;\n  margin: 10px 0;\n}\n.paladin-film-tool .film-half-button,\n.paladin-film-tool .film-full-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-half-button svg,\n.paladin-film-tool .film-full-button svg {\n  width: 18px;\n  height: 18px;\n  margin-right: 6px;\n}\n.paladin-film-tool .film-half-button {\n  width: 50%;\n}\n.paladin-film-tool .film-full-button {\n  width: 100%;\n}\n.paladin-film-tool .film-template-box {\n  display: flex;\n  width: 100%;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-template-box div {\n  display: flex;\n  flex: 1;\n  cursor: pointer;\n  align-items: center;\n}\n.paladin-film-tool .film-template-box .template-add {\n  flex: none;\n  padding-left: 5px;\n  padding-right: 7px;\n  border-right: 1px solid #1c1c1c;\n  height: 100%;\n}\n.paladin-film-tool .film-template-box .template-select {\n  justify-content: center;\n}\n.paladin-film-tool .film-template-box .template-select svg {\n  width: 18px;\n  margin-left: 3px;\n}\n.paladin-film-tool .film-template-box .template-setting {\n  height: 100%;\n  width: 20px;\n  flex: none;\n  padding-left: 7px;\n  padding-right: 5px;\n  border-left: 1px solid #1c1c1c;\n}\n.paladin-film-tool .film-template-box .template-setting svg {\n  width: 20px;\n}\n.paladin-film-tool .film-size-box {\n  margin: 20px 0;\n  display: flex;\n  align-items: center;\n}\n.paladin-film-tool .film-size-box span {\n  display: flex;\n  flex: none;\n  margin-right: 8px;\n}\n.paladin-film-tool .film-size-box .film-size-select {\n  height: 40px;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-size-box button {\n  border: none;\n  width: 100%;\n  height: 100%;\n  background: #353535;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-tool .film-size-box svg {\n  width: 20px;\n}\n.paladin-film-tool .g-rgl-grid {\n  padding: 12px;\n}\n.paladin-dropdown-custom {\n  z-index: 99;\n  left: 50px !important;\n}\n.paladin-menu-custom {\n  width: 180px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n}\n.paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.rc-dropdown-hidden {\n  display: none;\n}\n.paladin-film-print-modal-wrapper {\n  overflow: hidden;\n}\n.paladin-film-print-modal-wrapper .paladin-modal-header {\n  color: #fff;\n  font-weight: normal;\n  font-size: 16px;\n  border-bottom: 1px solid #484849;\n}\n.paladin-film-print-modal-wrapper .paladin-modal-footer {\n  border: none;\n}\n";
 styleInject$1(css_248z$F);
 
-function _extends$1r() { _extends$1r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
+function _extends$1s() { _extends$1s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1s.apply(this, arguments); }
 
-var _ref$1q = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1r = /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u64A4\\u9500 \\u8FD4\\u56DE \\u64A4\\u56DE \\u4E0A\\u4E00\\u6B65",
   d: "M10.16 3.407H1.851L4.34.921a.54.54 0 00-.764-.762L.159 3.572a.538.538 0 000 .763l3.417 3.413a.54.54 0 00.764-.763L1.884 4.534h8.276a3.377 3.377 0 110 6.753H2.844a.563.563 0 100 1.126h7.316a4.5 4.5 0 000-9z",
   fill: "silver"
 });
 
-const SvgFilmBack = props => /*#__PURE__*/React__default.createElement("svg", _extends$1r({
+const SvgFilmBack = props => /*#__PURE__*/React__default.createElement("svg", _extends$1s({
   width: 14.663,
   height: 12.411,
   viewBox: "0 0 14.663 12.411",
   fill: "currentColor"
-}, props), _ref$1q);
+}, props), _ref$1r);
 
-function _extends$1s() { _extends$1s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1s.apply(this, arguments); }
+function _extends$1t() { _extends$1t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1t.apply(this, arguments); }
 
-var _ref$1r = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1s = /*#__PURE__*/React__default.createElement("path", {
   d: "M.006 0v4.388h4.486V0zm6.287 0v4.388h4.487V0zm6.358 0v4.388h4.489V0zM0 6.199v4.388h4.486V6.199zm6.287 0v4.388h4.486V6.199zm6.358 0v4.388h4.486V6.199zM0 12.369v4.389h4.486v-4.389zm6.287 0v4.389h4.486v-4.389zm6.358 0v4.389h4.486v-4.389z",
   fill: "silver"
 });
 
-const SvgFilmLayout = props => /*#__PURE__*/React__default.createElement("svg", _extends$1s({
+const SvgFilmLayout = props => /*#__PURE__*/React__default.createElement("svg", _extends$1t({
   width: 17.137,
   height: 16.762,
   viewBox: "0 0 17.137 16.762",
   fill: "currentColor"
-}, props), _ref$1r);
+}, props), _ref$1s);
 
-function _extends$1t() { _extends$1t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1t.apply(this, arguments); }
+function _extends$1u() { _extends$1u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1u.apply(this, arguments); }
 
-var _ref$1s = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1t = /*#__PURE__*/React__default.createElement("path", {
   d: "M8.933 7.751a.842.842 0 01.842.842v2.022a.842.842 0 01-.842.842H3.878a.842.842 0 01-.842-.842V8.593a.842.842 0 01.842-.842zm.674-7.75a1.179 1.179 0 011.178 1.115V1.686h.168a1.853 1.853 0 011.852 1.779v5.129a1.853 1.853 0 01-1.779 1.852h-.243V8.593A1.853 1.853 0 008.93 6.74H3.875a1.853 1.853 0 00-1.853 1.853v1.853h-.168A1.853 1.853 0 01.001 8.667V3.538A1.853 1.853 0 011.78 1.686h.243v-.505A1.179 1.179 0 013.138.003h.065zm.674 3.707h-.674a.505.505 0 00-.049 1.009H10.281a.506.506 0 100-1.011zm-.674-2.7h-6.4a.169.169 0 00-.166.138v.535H9.78v-.505a.168.168 0 00-.138-.166z",
   fill: "silver"
 });
 
-const SvgPrint = props => /*#__PURE__*/React__default.createElement("svg", _extends$1t({
+const SvgPrint = props => /*#__PURE__*/React__default.createElement("svg", _extends$1u({
   width: 12.805,
   height: 11.457,
   viewBox: "0 0 12.805 11.457",
   fill: "currentColor"
-}, props), _ref$1s);
+}, props), _ref$1t);
 
-function _extends$1u() { _extends$1u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1u.apply(this, arguments); }
+function _extends$1v() { _extends$1v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1v.apply(this, arguments); }
 
-var _ref$1t = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1u = /*#__PURE__*/React__default.createElement("path", {
   d: "M9.357 0a1.149 1.149 0 011.147 1.086V1.641h.164a1.806 1.806 0 011.8 1.733v5a1.806 1.806 0 01-1.733 1.8h-.237V8.368a1.806 1.806 0 00-1.806-1.806H3.767a1.806 1.806 0 00-1.806 1.806v1.806h-.164a1.806 1.806 0 01-1.8-1.733v-5a1.806 1.806 0 011.733-1.8h.237v-.492A1.149 1.149 0 013.053.002h.063zm.657 3.611h-.657a.492.492 0 00-.047.983H10.014a.492.492 0 100-.985zM9.357.984H3.119a.164.164 0 00-.162.135v.522h6.566v-.492a.164.164 0 00-.135-.162z",
   fill: "silver"
 });
@@ -55115,13 +55233,13 @@ var _ref2$g = /*#__PURE__*/React__default.createElement("path", {
   fill: "silver"
 });
 
-const SvgPrintSetting = props => /*#__PURE__*/React__default.createElement("svg", _extends$1u({
+const SvgPrintSetting = props => /*#__PURE__*/React__default.createElement("svg", _extends$1v({
   "data-name": "\\u7EC4 3872",
   width: 12.476,
   height: 12.949,
   viewBox: "0 0 12.476 12.949",
   fill: "currentColor"
-}, props), _ref$1t, _ref2$g);
+}, props), _ref$1u, _ref2$g);
 
 function _createSuper$1C(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1C(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
@@ -55611,7 +55729,7 @@ module.exports = { "default": assign, __esModule: true };
 
 unwrapExports(assign$1);
 
-var _extends$1v = createCommonjsModule(function (module, exports) {
+var _extends$1w = createCommonjsModule(function (module, exports) {
 
 exports.__esModule = true;
 
@@ -55636,7 +55754,7 @@ exports.default = _assign2.default || function (target) {
 };
 });
 
-var _extends$1w = unwrapExports(_extends$1v);
+var _extends$1x = unwrapExports(_extends$1w);
 
 /*
 object-assign
@@ -57527,7 +57645,7 @@ var classnames = createCommonjsModule(function (module) {
 }());
 });
 
-var _extends$1x = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+var _extends$1y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
 var _typeof$1 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
 
@@ -57901,7 +58019,7 @@ function setOffset(elem, offset) {
   css$1(elem, ret);
 }
 
-var util = _extends$1x({
+var util = _extends$1y({
   getWindow: function getWindow(node) {
     var doc = node.ownerDocument || node;
     return doc.defaultView || doc.parentWindow;
@@ -58168,7 +58286,7 @@ Object.defineProperty(exports, "__esModule", {
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1v);
+var _extends3 = _interopRequireDefault(_extends$1w);
 
 
 
@@ -58226,7 +58344,7 @@ Object.defineProperty(exports, "__esModule", {
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1v);
+var _extends3 = _interopRequireDefault(_extends$1w);
 
 
 
@@ -58560,7 +58678,7 @@ Object.defineProperty(exports, "__esModule", {
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1v);
+var _extends3 = _interopRequireDefault(_extends$1w);
 
 
 
@@ -60405,7 +60523,7 @@ function isPointsEq(a1, a2, isAlignPoint) {
 
 function getAlignFromPlacement(builtinPlacements, placementStr, align) {
   var baseAlign = builtinPlacements[placementStr] || {};
-  return _extends$1w({}, baseAlign, align);
+  return _extends$1x({}, baseAlign, align);
 }
 
 function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
@@ -62974,7 +63092,7 @@ var Animate = function (_React$Component) {
       if (Component) {
         var passedProps = props;
         if (typeof Component === 'string') {
-          passedProps = _extends$1w({
+          passedProps = _extends$1x({
             className: props.className,
             style: props.style
           }, props.componentProps);
@@ -63327,7 +63445,7 @@ var Popup = function (_Component) {
       }
     }
 
-    var newStyle = _extends$1w({}, sizeStyle, style, this.getZIndexStyle());
+    var newStyle = _extends$1x({}, sizeStyle, style, this.getZIndexStyle());
 
     var popupInnerProps = {
       className: className,
@@ -63360,7 +63478,7 @@ var Popup = function (_Component) {
           },
           React__default.createElement(
             PopupInner,
-            _extends$1w({
+            _extends$1x({
               visible: true
             }, popupInnerProps),
             children
@@ -63393,7 +63511,7 @@ var Popup = function (_Component) {
         },
         React__default.createElement(
           PopupInner,
-          _extends$1w({
+          _extends$1x({
             hiddenClassName: hiddenClassName
           }, popupInnerProps),
           children
@@ -64181,7 +64299,7 @@ var _initialiseProps$2 = function _initialiseProps() {
 
     return React__default.createElement(
       Popup,
-      _extends$1w({
+      _extends$1x({
         prefixCls: prefixCls,
         destroyPopupOnHide: destroyPopupOnHide,
         visible: popupVisible,
@@ -64260,7 +64378,7 @@ var _typeof3 = _interopRequireDefault(_typeof_1$1);
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1v);
+var _extends3 = _interopRequireDefault(_extends$1w);
 
 
 
@@ -64425,7 +64543,7 @@ var _defineProperty3 = _interopRequireDefault(defineProperty$6);
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1v);
+var _extends3 = _interopRequireDefault(_extends$1w);
 
 
 
@@ -64868,7 +64986,7 @@ Object.defineProperty(exports, "__esModule", {
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1v);
+var _extends3 = _interopRequireDefault(_extends$1w);
 
 
 
@@ -65513,18 +65631,18 @@ var FilmToolVerticalMode = /*#__PURE__*/function (_Component) {
 var css_248z$H = ".paladin-film-print-modal table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  border: 1px solid #525253;\n  border-bottom: none;\n}\n.paladin-film-print-modal table svg {\n  width: 20px;\n}\n.paladin-film-print-modal table tr {\n  height: 54px;\n  margin-left: 30px;\n  border-bottom: 1px solid #525253;\n}\n.paladin-film-print-modal table tr .th-1 {\n  width: 3%;\n}\n.paladin-film-print-modal table tr .th-2 {\n  width: 18%;\n}\n.paladin-film-print-modal table tr .th-3 {\n  width: 13%;\n}\n.paladin-film-print-modal table tr .th-4 {\n  width: 19%;\n}\n.paladin-film-print-modal table tr .th-5 {\n  width: 15%;\n}\n.paladin-film-print-modal table tr .th-6 {\n  width: 12%;\n}\n.paladin-film-print-modal table tr .th-7 {\n  width: 16%;\n}\n.paladin-film-print-modal table tr th {\n  background: #404041;\n}\n.paladin-film-print-modal table tr th,\n.paladin-film-print-modal table tr td {\n  text-align: left;\n  font-weight: normal;\n  font-size: 14px;\n  word-wrap: break-word;\n  word-break: break-all;\n}\n.paladin-film-print-modal table tr th button,\n.paladin-film-print-modal table tr td button {\n  border: none;\n  background: transparent;\n  color: #3C7EFF;\n}\n.paladin-film-print-modal .print-modal-top {\n  margin-bottom: 24px;\n  margin-top: 5px;\n}\n.paladin-film-print-modal .print-modal-top button {\n  background: #3C7EFF;\n}\n.paladin-film-print-modal .printer-config-add-title {\n  color: #3C7EFF;\n  margin-left: 30px;\n}\n.paladin-film-print-modal .printer-config-form {\n  margin-top: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-ipt {\n  color: #ccc;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .printer-config-form .paladin-row {\n  margin-bottom: 18px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col {\n  padding-right: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col-xs-2 {\n  justify-content: center;\n  align-items: end;\n}\n.paladin-film-print-modal .printer-config-form .printer-config-form-radio .paladin-ipt {\n  width: 20px;\n}\n.paladin-film-print-modal .film-box {\n  display: flex;\n  align-items: center;\n}\n.paladin-film-print-modal .film-box span {\n  display: flex;\n  flex: none;\n  width: 100px;\n}\n.paladin-film-print-modal .film-box .film-select {\n  cursor: pointer;\n  width: 200px;\n  height: 40px;\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  background: #1f1f1f;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .film-box button {\n  border: none;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  background: #1f1f1f;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-print-modal .film-box svg {\n  width: 20px;\n  position: absolute;\n  right: 5px;\n  top: 0;\n}\n.paladin-film-print-modal .film-printer-info {\n  margin-left: 100px;\n  color: #A4A4A4;\n}\n.paladin-film-print-modal .film-printer-info p {\n  margin-top: 15px;\n}\n.paladin-film-print-modal .paladin-menu-custom {\n  width: 200px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n  margin: 0;\n}\n.paladin-film-print-modal .paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-film-print-modal .paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.paladin-film-print-modal .film-button-select {\n  height: 36px;\n}\n.paladin-film-print-modal .film-button-select .paladin-col {\n  justify-content: center;\n}\n.paladin-film-print-modal .film-button-select-item {\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  height: 36px;\n  border: 1px solid #555555;\n  border-right: none;\n}\n.paladin-film-print-modal .film-button-select-item:last-child {\n  border-right: 1px solid #555555;\n}\n.paladin-film-print-modal .film-button-select-item-active {\n  background: #3C7EFF;\n  color: #fff;\n}\n.paladin-film-print-modal .print-modal-bottom {\n  margin-top: 30px;\n  text-align: right;\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-default {\n  background: #454545;\n  border: 1px solid #707070;\n  color: rgba(255, 255, 255, 0.9);\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-primary {\n  background: #3C7EFF;\n}\n";
 styleInject$1(css_248z$H);
 
-function _extends$1y() { _extends$1y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1y.apply(this, arguments); }
+function _extends$1z() { _extends$1z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }
 
-var _ref$1u = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1v = /*#__PURE__*/React__default.createElement("path", {
   d: "M29.839 10.107q0 .714-.5 1.214L13.982 26.678q-.5.5-1.214.5t-1.214-.5l-8.893-8.893q-.5-.5-.5-1.214t.5-1.214l2.429-2.429q.5-.5 1.214-.5t1.214.5l5.25 5.268L24.482 6.464q.5-.5 1.214-.5t1.214.5l2.429 2.429q.5.5.5 1.214z"
 });
 
-const SvgOk = props => /*#__PURE__*/React__default.createElement("svg", _extends$1y({
+const SvgOk = props => /*#__PURE__*/React__default.createElement("svg", _extends$1z({
   width: 32,
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$1u);
+}, props), _ref$1v);
 
 function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -66707,19 +66825,19 @@ var drawRightBottom = function drawRightBottom(dicom, ctx, width, height, viewpo
   ctx.fillText("W: ".concat(windowWidth.toFixed(0)), contentX, contentY);
 };
 
-function _extends$1z() { _extends$1z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }
+function _extends$1A() { _extends$1A = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1A.apply(this, arguments); }
 
-var _ref$1v = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1w = /*#__PURE__*/React__default.createElement("path", {
   d: "M185.884 327.55L146.3 367.133l365.721 365.646L877.7 367.133l-39.583-39.583-326.12 326.126z"
 });
 
-const SvgDown = props => /*#__PURE__*/React__default.createElement("svg", _extends$1z({
+const SvgDown = props => /*#__PURE__*/React__default.createElement("svg", _extends$1A({
   className: "down_svg__icon",
   viewBox: "0 0 1024 1024",
   width: 200,
   height: 200,
   fill: "currentColor"
-}, props), _ref$1v);
+}, props), _ref$1w);
 
 function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }