科室标本详情优化

package-lock.json

@@ -8,6 +8,7 @@
       "name": "hsms-specimen-view",
       "version": "0.1.0",
       "dependencies": {
+        "ant-design-vue": "^1.7.8",
         "axios": "^0.20.0",
         "core-js": "^3.6.5",
         "vue": "^2.6.11",
@@ -55,6 +56,33 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@ant-design/colors": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmmirror.com/@ant-design/colors/-/colors-3.2.2.tgz",
+      "integrity": "sha512-YKgNbG2dlzqMhA9NtI3/pbY16m3Yl/EeWBRa+lB1X1YaYxHrxNexiQYCLTWO/uDvAjLFMEDU+zR901waBtMtjQ==",
+      "dependencies": {
+        "tinycolor2": "^1.4.1"
+      }
+    },
+    "node_modules/@ant-design/icons": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/@ant-design/icons/-/icons-2.1.1.tgz",
+      "integrity": "sha512-jCH+k2Vjlno4YWl6g535nHR09PwCEmTBKAG6VqF+rhkrSPRLfgpU2maagwbZPLjaHuU5Jd1DFQ2KJpQuI6uG8w=="
+    },
+    "node_modules/@ant-design/icons-vue": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/@ant-design/icons-vue/-/icons-vue-2.0.0.tgz",
+      "integrity": "sha512-2c0QQE5hL4N48k5NkPG5sdpMl9YnvyNhf0U7YkdZYDlLnspoRU7vIA0UK9eHBs6OpFLcJB6o8eJrIl2ajBskPg==",
+      "dependencies": {
+        "@ant-design/colors": "^3.1.0",
+        "babel-runtime": "^6.26.0"
+      },
+      "peerDependencies": {
+        "@ant-design/icons": "^2.0.0",
+        "vue": ">=2.5.0",
+        "vue-template-compiler": ">=2.5.0"
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.24.7",
       "resolved": "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.24.7.tgz",
@@ -1977,6 +2005,15 @@
         "node": ">= 6"
       }
     },
+    "node_modules/@simonwep/pickr": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmmirror.com/@simonwep/pickr/-/pickr-1.7.4.tgz",
+      "integrity": "sha512-fq7jgKJT21uWGC1mARBHvvd1JYlEf93o7SuVOB4Lr0x/2UPuNC9Oe9n/GzVeg4oVtqMDfh1wIEJpsdOJEZb+3g==",
+      "dependencies": {
+        "core-js": "^3.6.5",
+        "nanopop": "^2.1.0"
+      }
+    },
     "node_modules/@soda/friendly-errors-webpack-plugin": {
       "version": "1.8.1",
       "resolved": "https://registry.npmmirror.com/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.8.1.tgz",
@@ -3127,6 +3164,14 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/add-dom-event-listener": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/add-dom-event-listener/-/add-dom-event-listener-1.1.0.tgz",
+      "integrity": "sha512-WCxx1ixHT0GQU9hb0KI/mhgRQhnU+U3GvwY6ZvVjYq8rsihIGoaIOUbY0yMPBxLH5MDtr0kz3fisWGNcbWW7Jw==",
+      "dependencies": {
+        "object-assign": "4.x"
+      }
+    },
     "node_modules/address": {
       "version": "1.2.2",
       "resolved": "https://registry.npmmirror.com/address/-/address-1.2.2.tgz",
@@ -3233,6 +3278,48 @@
         "node": ">=4"
       }
     },
+    "node_modules/ant-design-vue": {
+      "version": "1.7.8",
+      "resolved": "https://registry.npmmirror.com/ant-design-vue/-/ant-design-vue-1.7.8.tgz",
+      "integrity": "sha512-F1hmiS9vwbyfuFvlamdW5l9bHKqRlj9wHaGDIE41NZMWXyWy8qL0UFa/+I0Wl8gQWZCqODW5pN6Yfoyn85At3A==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@ant-design/icons": "^2.1.1",
+        "@ant-design/icons-vue": "^2.0.0",
+        "@simonwep/pickr": "~1.7.0",
+        "add-dom-event-listener": "^1.0.2",
+        "array-tree-filter": "^2.1.0",
+        "async-validator": "^3.0.3",
+        "babel-helper-vue-jsx-merge-props": "^2.0.3",
+        "babel-runtime": "6.x",
+        "classnames": "^2.2.5",
+        "component-classes": "^1.2.6",
+        "dom-align": "^1.10.4",
+        "dom-closest": "^0.2.0",
+        "dom-scroll-into-view": "^2.0.0",
+        "enquire.js": "^2.1.6",
+        "intersperse": "^1.0.0",
+        "is-mobile": "^2.2.1",
+        "is-negative-zero": "^2.0.0",
+        "ismobilejs": "^1.0.0",
+        "json2mq": "^0.2.0",
+        "lodash": "^4.17.5",
+        "moment": "^2.21.0",
+        "mutationobserver-shim": "^0.3.2",
+        "node-emoji": "^1.10.0",
+        "omit.js": "^1.0.0",
+        "raf": "^3.4.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "shallow-equal": "^1.0.0",
+        "shallowequal": "^1.0.2",
+        "vue-ref": "^2.0.0",
+        "warning": "^4.0.0"
+      },
+      "peerDependencies": {
+        "vue": "^2.6.0",
+        "vue-template-compiler": "^2.6.0"
+      }
+    },
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmmirror.com/any-promise/-/any-promise-1.3.0.tgz",
@@ -3336,6 +3423,11 @@
       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
       "dev": true
     },
+    "node_modules/array-tree-filter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/array-tree-filter/-/array-tree-filter-2.1.0.tgz",
+      "integrity": "sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw=="
+    },
     "node_modules/array-union": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/array-union/-/array-union-1.0.2.tgz",
@@ -3514,6 +3606,11 @@
       "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
       "dev": true
     },
+    "node_modules/async-validator": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-3.5.2.tgz",
+      "integrity": "sha512-8eLCg00W9pIRZSB781UUX/H6Oskmm8xloZfr09lz5bikRpBVDlJ3hRVuxxP1SxcwsEYfJ4IU8Q19Y8/893r3rQ=="
+    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
@@ -3620,6 +3717,11 @@
         "eslint": ">= 4.12.1"
       }
     },
+    "node_modules/babel-helper-vue-jsx-merge-props": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
+      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
+    },
     "node_modules/babel-loader": {
       "version": "8.3.0",
       "resolved": "https://registry.npmmirror.com/babel-loader/-/babel-loader-8.3.0.tgz",
@@ -3687,6 +3789,27 @@
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
+    "node_modules/babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmmirror.com/babel-runtime/-/babel-runtime-6.26.0.tgz",
+      "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
+      "dependencies": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      }
+    },
+    "node_modules/babel-runtime/node_modules/core-js": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmmirror.com/core-js/-/core-js-2.6.12.tgz",
+      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
+      "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.",
+      "hasInstallScript": true
+    },
+    "node_modules/babel-runtime/node_modules/regenerator-runtime": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -4543,6 +4666,11 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
+    },
     "node_modules/clean-css": {
       "version": "4.2.4",
       "resolved": "https://registry.npmmirror.com/clean-css/-/clean-css-4.2.4.tgz",
@@ -4809,6 +4937,14 @@
       "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
       "dev": true
     },
+    "node_modules/component-classes": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmmirror.com/component-classes/-/component-classes-1.2.6.tgz",
+      "integrity": "sha512-hPFGULxdwugu1QWW3SvVOCUHLzO34+a2J6Wqy0c5ASQkfi9/8nZcBB0ZohaEbXOQlCflMAEMmEWk7u7BVs4koA==",
+      "dependencies": {
+        "component-indexof": "0.0.3"
+      }
+    },
     "node_modules/component-emitter": {
       "version": "1.3.1",
       "resolved": "https://registry.npmmirror.com/component-emitter/-/component-emitter-1.3.1.tgz",
@@ -4818,6 +4954,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/component-indexof": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmmirror.com/component-indexof/-/component-indexof-0.0.3.tgz",
+      "integrity": "sha512-puDQKvx/64HZXb4hBwIcvQLaLgux8o1CbWl39s41hrIIZDl1lJiD5jc22gj3RBeGK0ovxALDYpIbyjqDUUl0rw=="
+    },
     "node_modules/compressible": {
       "version": "2.0.18",
       "resolved": "https://registry.npmmirror.com/compressible/-/compressible-2.0.18.tgz",
@@ -5714,8 +5855,7 @@
     "node_modules/de-indent": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/de-indent/-/de-indent-1.0.2.tgz",
-      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
-      "dev": true
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg=="
     },
     "node_modules/debug": {
       "version": "4.3.5",
@@ -6148,6 +6288,19 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dom-align": {
+      "version": "1.12.4",
+      "resolved": "https://registry.npmmirror.com/dom-align/-/dom-align-1.12.4.tgz",
+      "integrity": "sha512-R8LUSEay/68zE5c8/3BDxiTEvgb4xZTF0RKmAHfiEVN3klfIpXfi2/QCoiWPccVQ0J/ZGdz9OjzL4uJEP/MRAw=="
+    },
+    "node_modules/dom-closest": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/dom-closest/-/dom-closest-0.2.0.tgz",
+      "integrity": "sha512-6neTn1BtJlTSt+XSISXpnOsF1uni1CHsP/tmzZMGWxasYFHsBOqrHPnzmneqEgKhpagnfnfSfbvRRW0xFsBHAA==",
+      "dependencies": {
+        "dom-matches": ">=1.0.1"
+      }
+    },
     "node_modules/dom-converter": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/dom-converter/-/dom-converter-0.2.0.tgz",
@@ -6157,6 +6310,16 @@
         "utila": "~0.4"
       }
     },
+    "node_modules/dom-matches": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/dom-matches/-/dom-matches-2.0.0.tgz",
+      "integrity": "sha512-2VI856xEDCLXi19W+4BechR5/oIS6bKCKqcf16GR8Pg7dGLJ/eBOWVbCmQx2ISvYH6wTNx5Ef7JTOw1dRGRx6A=="
+    },
+    "node_modules/dom-scroll-into-view": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/dom-scroll-into-view/-/dom-scroll-into-view-2.0.1.tgz",
+      "integrity": "sha512-bvVTQe1lfaUr1oFzZX80ce9KLDlZ3iU+XGNE/bz9HnGdklTieqsbmsLHe+rT2XWqopvL0PckkYqN7ksmm5pe3w=="
+    },
     "node_modules/dom-serializer": {
       "version": "1.4.1",
       "resolved": "https://registry.npmmirror.com/dom-serializer/-/dom-serializer-1.4.1.tgz",
@@ -6404,6 +6567,11 @@
         "node": ">=4.3.0 <5.0.0 || >=5.10"
       }
     },
+    "node_modules/enquire.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmmirror.com/enquire.js/-/enquire.js-2.1.6.tgz",
+      "integrity": "sha512-/KujNpO+PT63F7Hlpu4h3pE3TokKRHN26JYmQpPyjkRD/N57R7bPDNojMXdi7uveAKjYB7yQnartCxZnFWr0Xw=="
+    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
@@ -8155,7 +8323,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/he/-/he-1.2.0.tgz",
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "dev": true,
       "bin": {
         "he": "bin/he"
       }
@@ -8863,6 +9030,11 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/intersperse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/intersperse/-/intersperse-1.0.0.tgz",
+      "integrity": "sha512-LGcfug7OTeWkaQ8PEq8XbTy9Jl6uCNg8DrPnQUmwxSY8UETj1Y+LLmpdD0qHdEj6KVchuH3BE3ZzIXQ1t3oFUw=="
+    },
     "node_modules/ip": {
       "version": "1.1.9",
       "resolved": "https://registry.npmmirror.com/ip/-/ip-1.1.9.tgz",
@@ -9164,11 +9336,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-mobile": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmmirror.com/is-mobile/-/is-mobile-2.2.2.tgz",
+      "integrity": "sha512-wW/SXnYJkTjs++tVK5b6kVITZpAZPtUrt9SF80vvxGiF/Oywal+COk1jlRkiVq15RFNEQKQY31TkV24/1T5cVg=="
+    },
     "node_modules/is-negative-zero": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
       "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
-      "dev": true,
       "engines": {
         "node": ">= 0.4"
       },
@@ -9429,6 +9605,11 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
+    "node_modules/ismobilejs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/ismobilejs/-/ismobilejs-1.1.1.tgz",
+      "integrity": "sha512-VaFW53yt8QO61k2WJui0dHf4SlL8lxBofUuUmwBo0ljPk0Drz2TiuDW4jo3wDcv41qy/SxrJ+VAzJ/qYqsmzRw=="
+    },
     "node_modules/isobject": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/isobject/-/isobject-3.0.1.tgz",
@@ -9462,8 +9643,7 @@
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
     },
     "node_modules/js-yaml": {
       "version": "3.14.1",
@@ -9532,6 +9712,14 @@
       "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==",
       "dev": true
     },
+    "node_modules/json2mq": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/json2mq/-/json2mq-0.2.0.tgz",
+      "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
+      "dependencies": {
+        "string-convert": "^0.2.0"
+      }
+    },
     "node_modules/json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz",
@@ -9819,8 +10007,7 @@
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "dev": true
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
@@ -9906,6 +10093,17 @@
         "url": "https://tidelift.com/funding/github/npm/loglevel"
       }
     },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
     "node_modules/lower-case": {
       "version": "1.1.4",
       "resolved": "https://registry.npmmirror.com/lower-case/-/lower-case-1.1.4.tgz",
@@ -10281,6 +10479,14 @@
         "mkdirp": "bin/cmd.js"
       }
     },
+    "node_modules/moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmmirror.com/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -10321,6 +10527,11 @@
       "integrity": "sha512-cnAsSVxIDsYt0v7HmC0hWZFwwXSh+E6PgCrREDuN/EsjgLwA5XRmlMHhSiDPrt6HxY1gTivEa/Zh7GtODoLevQ==",
       "dev": true
     },
+    "node_modules/mutationobserver-shim": {
+      "version": "0.3.7",
+      "resolved": "https://registry.npmmirror.com/mutationobserver-shim/-/mutationobserver-shim-0.3.7.tgz",
+      "integrity": "sha512-oRIDTyZQU96nAiz2AQyngwx1e89iApl2hN5AOYwyxLUB47UYsU3Wv9lJWqH5y/QdiYkc5HQLi23ZNB3fELdHcQ=="
+    },
     "node_modules/mute-stream": {
       "version": "0.0.8",
       "resolved": "https://registry.npmmirror.com/mute-stream/-/mute-stream-0.0.8.tgz",
@@ -10384,6 +10595,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/nanopop": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmmirror.com/nanopop/-/nanopop-2.4.2.tgz",
+      "integrity": "sha512-NzOgmMQ+elxxHeIha+OG/Pv3Oc3p4RU2aBhwWwAqDpXrdTbtRylbRLQztLy8dMMwfl6pclznBdfUhccEn9ZIzw=="
+    },
     "node_modules/native-request": {
       "version": "1.1.0",
       "resolved": "https://registry.npmmirror.com/native-request/-/native-request-1.1.0.tgz",
@@ -10427,6 +10643,14 @@
         "lower-case": "^1.1.1"
       }
     },
+    "node_modules/node-emoji": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmmirror.com/node-emoji/-/node-emoji-1.11.0.tgz",
+      "integrity": "sha512-wo2DpQkQp7Sjm2A0cq+sN7EHKO6Sl0ctXeBdFZrL9T9+UywORbufTcTZxom8YqpLQt/FqNMUkOpkZrJVYSKD3A==",
+      "dependencies": {
+        "lodash": "^4.17.21"
+      }
+    },
     "node_modules/node-forge": {
       "version": "0.10.0",
       "resolved": "https://registry.npmmirror.com/node-forge/-/node-forge-0.10.0.tgz",
@@ -10576,7 +10800,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -10761,6 +10984,14 @@
       "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
       "dev": true
     },
+    "node_modules/omit.js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/omit.js/-/omit.js-1.0.2.tgz",
+      "integrity": "sha512-/QPc6G2NS+8d4L/cQhbk6Yit1WTB6Us2g84A7A/1+w9d/eRGHyEqC5kkQtHVoHZ5NFWGG7tUGgrhVZwgZanKrQ==",
+      "dependencies": {
+        "babel-runtime": "^6.23.0"
+      }
+    },
     "node_modules/on-finished": {
       "version": "2.4.1",
       "resolved": "https://registry.npmmirror.com/on-finished/-/on-finished-2.4.1.tgz",
@@ -11286,8 +11517,7 @@
     "node_modules/performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmmirror.com/performance-now/-/performance-now-2.1.0.tgz",
-      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
-      "dev": true
+      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
     },
     "node_modules/picocolors": {
       "version": "1.0.1",
@@ -12306,6 +12536,14 @@
       "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
       "dev": true
     },
+    "node_modules/raf": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmmirror.com/raf/-/raf-3.4.1.tgz",
+      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
+      "dependencies": {
+        "performance-now": "^2.1.0"
+      }
+    },
     "node_modules/randombytes": {
       "version": "2.1.0",
       "resolved": "https://registry.npmmirror.com/randombytes/-/randombytes-2.1.0.tgz",
@@ -12662,6 +12900,11 @@
       "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
       "dev": true
     },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.8.tgz",
@@ -13168,6 +13411,16 @@
         "sha.js": "bin.js"
       }
     },
+    "node_modules/shallow-equal": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/shallow-equal/-/shallow-equal-1.2.1.tgz",
+      "integrity": "sha512-S4vJDjHHMBaiZuT9NPb616CSmLf618jawtv3sufLl6ivK8WocjAo58cXwbRV1cgqxH0Qbv+iUt6m05eqEa2IRA=="
+    },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
     "node_modules/shebang-command": {
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/shebang-command/-/shebang-command-1.2.0.tgz",
@@ -13880,6 +14133,11 @@
         "safe-buffer": "~5.1.0"
       }
     },
+    "node_modules/string-convert": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/string-convert/-/string-convert-0.2.1.tgz",
+      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A=="
+    },
     "node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
@@ -14501,6 +14759,11 @@
       "integrity": "sha512-qsdtZH+vMoCARQtyod4imc2nIJwg9Cc7lPRrw9CzF8ZKR0khdr8+2nX80PBhET3tcyTtJDxAffGh2rXH4tyU8A==",
       "dev": true
     },
+    "node_modules/tinycolor2": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/tinycolor2/-/tinycolor2-1.6.0.tgz",
+      "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw=="
+    },
     "node_modules/tmp": {
       "version": "0.0.33",
       "resolved": "https://registry.npmmirror.com/tmp/-/tmp-0.0.33.tgz",
@@ -15483,6 +15746,11 @@
         "node": ">=4.0.0"
       }
     },
+    "node_modules/vue-ref": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/vue-ref/-/vue-ref-2.0.0.tgz",
+      "integrity": "sha512-uKNKpFOVeWNqS2mrBZqnpLyXJo5Q+vnkex6JvpENvhXHFNBW/SJTP8vJywLuVT3DpxwXcF9N0dyIiZ4/NpTexQ=="
+    },
     "node_modules/vue-router": {
       "version": "3.6.5",
       "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-3.6.5.tgz",
@@ -15534,7 +15802,6 @@
       "version": "2.7.16",
       "resolved": "https://registry.npmmirror.com/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz",
       "integrity": "sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==",
-      "dev": true,
       "dependencies": {
         "de-indent": "^1.0.2",
         "he": "^1.2.0"
@@ -15586,6 +15853,14 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "node_modules/watchpack": {
       "version": "1.7.5",
       "resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-1.7.5.tgz",

package.json

@@ -10,6 +10,7 @@
     "production": "node ./upload/production.js"
   },
   "dependencies": {
+    "ant-design-vue": "^1.7.8",
     "axios": "^0.20.0",
     "core-js": "^3.6.5",
     "vue": "^2.6.11",

src/App.vue

@@ -13,4 +13,8 @@ body {
     "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
     "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
+h1, h2, h3, h4, h5, h6,p{
+	margin: 0 !important;
+	padding: 0 !important;
+}
 </style>

src/main.js

@@ -4,8 +4,10 @@ import router from './router'
 import './filters'
 Vue.config.productionTip = false
 console.info('v2.4.8');
-
+import Antd from 'ant-design-vue';
+import 'ant-design-vue/dist/antd.less';
 import loading from './plugins/loading/loading.js';
+Vue.use(Antd);
 Vue.use(loading)
 
 

src/views/AppIndex.vue

@@ -480,16 +480,17 @@
       <!-- 标本科室视图弹层 -->
       <div v-if="detailModel" :class="{ detailModel }">
         <div class="box">
-          <h2 class="title">
+          <h2 class="title new-title">
             <div class="operateTitle">
               标本详情
-              <div class="operate checkbox">
-                <select v-model="speState">
-                  <option value="0">全部</option>
-                  <option value="332">未收取</option>
-                  <option value="333">已收取</option>
-                </select>
-              </div>
+              <div class="operate checkbox newOperate radio">
+								<a-radio-group v-model="searchRadio" @change="radioChange">
+									<a-radio :value="1">全部</a-radio>
+									<a-radio :value="2">待收急标</a-radio>
+									<a-radio :value="3">待收普标</a-radio>
+									<a-radio :value="4">已收</a-radio>
+								</a-radio-group>
+							</div>
             </div>
           </h2>
           <div class="table">
@@ -498,13 +499,13 @@
                 <thead>
                   <tr>
                     <th>序号</th>
-                    <th>标本类型</th>
-                    <th>标本编码</th>
-                    <th>患者姓名</th>
-                    <th>床号</th>
-                    <th>采集时间</th>
-                    <th>目标科室</th>
+                    <th>患者信息</th>
+                    <th>检验项目</th>
+                    <th>类型|编码</th>
+                    <th>检验科室</th>
+                    <th>状态</th>
                     <th>收取人</th>
+										<th>收取时间</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -518,13 +519,14 @@
                       :style="{ background: i % 2 === 1 ? '#fff' : '#f9fafb' }"
                     >
                       <td>{{ i + 1 }}</td>
-                      <td>{{ detail.stype ? detail.stype.name : "-" }}</td>
-                      <td>{{ detail.scode || "-" }}</td>
-                      <td>{{ detail.patientName || "-" }}</td>
-                      <td>{{ detail.bedNum || "-" }}</td>
+                      <td>{{ detail.patientName}}({{detail.bedNum}})</td>
+                      <td>{{ detail.specimenDesc || "-" }}</td>
                       <td>
-                        {{ detail.printDate || "-" }}
-                      </td>
+												<div class="td-fl">
+													<span class="td-bl td-span1">{{ detail.stype.name || "-" }}</span>
+													<span class="td-bl td-span2">{{detail.scode || "-" }}</span>
+												</div>
+											</td>
                       <td>
                         {{ detail.checkDept ? detail.checkDept.dept : "-" }}
                         <div
@@ -534,7 +536,11 @@
                           }"
                         ></div>
                       </td>
-                      <td>{{ detail.receiver || "-" }}</td>
+                      <td>
+                        {{ detail.speState.name || "-" }}
+                      </td>
+                      <td>{{ detail.receiverName || "-" }}</td>
+											<td>{{ detail.arriveTime || "-" }}</td>
                     </tr>
                   </vueCustomScrollbar>
 
@@ -758,6 +764,7 @@
 import vueCustomScrollbar from "vue-custom-scrollbar";
 import { get, post } from "./../http/http";
 import showModel from "./../components/showModel";
+// import 'ant-design-vue/lib/radio/style';
 export default {
   name: "AppIndex",
   components: {
@@ -771,6 +778,7 @@ export default {
   },
   data() {
     return {
+			searchRadio:1,//搜索条件
       logoUrl: '',
       logoTitle: '',
       loading1: false, //科室标本视图列表加载
@@ -884,6 +892,11 @@ export default {
     },
   },
   methods: {
+		// 详情搜索条件切换
+		radioChange(e){
+			console.log(111,e.target.value)
+			this.getDetailBySpecimen(this.currentSpecimenDept,e.target.value)
+		},
     // 搜索分组
     selectGroup() {
       this.navClick(this.currentNavIndex);
@@ -1006,7 +1019,7 @@ export default {
       this.getDetailBySpecimen(this.currentSpecimenDept);
     },
     // 获取标本详情(标本科室视图)
-    getDetailBySpecimen(item) {
+    getDetailBySpecimen(item,type) {
       let postData = {
         hosIds: this.$route.params.hosIds,
         deptId: item.deptId,
@@ -1015,6 +1028,19 @@ export default {
       if (this.speState != 0) {
         postData.speState = this.speState;
       }
+			if(type==1){
+				postData.urgent = -1
+				delete postData.speState
+			}else if(type==2){
+				postData.urgent = 1
+				postData.speState = 332
+			}else if(type==3){
+				postData.urgent = 0
+				postData.speState = 332
+			}else if(type==4){
+				postData.urgent = -1
+				postData.speState = 333
+			}
       this.loading3 = true;
       post("/nurse/getListSpecimenDetails", postData).then((result) => {
         this.loading3 = false;
@@ -1024,6 +1050,7 @@ export default {
       });
     },
     hideModel() {
+			this.searchRadio = 1
       this.detailModel = false;
       this.polling();
       this.scrollInfinite();
@@ -1593,11 +1620,14 @@ export default {
     .transport-guanbi {
       position: absolute;
       right: 16px;
-      top: 16px;
+      top: 10px;
       font-size: 20px;
       color: #8e9d9e;
       cursor: pointer;
     }
+		.new-title{
+			width: 100%;
+		}
     .title {
       height: 50px;
       line-height: 50px;
@@ -1605,8 +1635,18 @@ export default {
       font-size: 18px;
       color: #333;
       font-weight: bold;
+			// width: 100%;
       .operateTitle {
         position: relative;
+				.newOperate{
+					font-weight: normal;
+					font-size: 14px;
+					width: 400px !important;
+					position: absolute;
+					top: 0;
+					left: auto !important;
+					right: 60px !important;
+				}
         .operate {
           font-weight: normal;
           font-size: 14px;
@@ -1655,23 +1695,19 @@ export default {
           }
           &.radio {
             label {
-              cursor: pointer;
-              margin-left: 8px;
+              // cursor: pointer;
+              // margin-left: 8px;
               display: inline-flex;
               align-items: center;
               position: relative;
               font-weight: 400;
-              color: #767676;
-              padding-left: 16px;
+              // color: #767676;
+              // padding-left: 16px;
               span {
-                margin-left: 4px;
-              }
-              input[type="radio"] {
-                position: absolute;
-                left: -9999px;
+                // margin-left: 4px;
               }
 
-              input[type="radio"] + i {
+              input[type="radio"] {
                 display: block;
                 position: absolute;
                 left: 0;
@@ -1684,26 +1720,29 @@ export default {
                 transition: border-color 0.3s;
                 -webkit-transition: border-color 0.3s;
               }
-              input[type="radio"]:checked + i {
+							
+              input[type="radio"]:checked {
                 border-color: #49b856;
+								border: 2px solid #49b856;
               }
 
-              input[type="radio"] + i:after {
+              input[type="radio"]:after {
                 position: absolute;
                 content: "";
-                top: 50%;
-                left: 50%;
-                width: 8px;
-                height: 8px;
+								top: 45%;
+								left: 47%;
+								width: 9px;
+								height: 9px;
                 border-radius: 50%;
                 background-color: #49b856;
+								border-color: #49b856;
                 transform: translate(-50%, -50%);
                 opacity: 0;
                 transition: opacity 0.1s;
                 -webkit-transition: opacity 0.1s;
               }
 
-              input[type="radio"]:checked + i:after {
+              input[type="radio"]:checked:after {
                 opacity: 1;
               }
             }
@@ -1726,6 +1765,20 @@ export default {
         background-color: #fff;
         border-radius: 8px;
         border: 1px solid #e5e9ed;
+				.td-fl{
+					
+				}
+				.td-bl{
+					display: block;
+					height: 5px;
+					position: relative;
+				}
+				.td-span1{
+					top:-9px;
+				}
+				.td-span2{
+					top:3px;
+				}
         table {
           width: 100%;
           font-size: 14px;
@@ -1757,8 +1810,9 @@ export default {
             overflow-x: hidden;
             overflow-y: auto;
             tr {
-              height: 34px;
-              line-height: 34px;
+              height: 40px;
+              line-height: 40px;
+							position: relative;
               td:last-child {
                 position: relative;
               }
@@ -2003,11 +2057,11 @@ export default {
               }
             }
             h2 {
-              height: 18px;
+              height: 22px;
               font-size: 16px;
               font-weight: bold;
               color: #000;
-              margin-left: 8px;
+              margin-left: 8px !important;
               flex: 1;
               white-space: nowrap;
               overflow: hidden;

vue.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  publicPath: process.env.NODE_ENV === 'production' ? '/specimenView/' : '/',
+  publicPath: process.env.NODE_ENV === 'production' ? '/specimenView/' : '/specimenView/',
   outputDir: 'dist/specimenView',
   productionSourceMap: false,
   devServer: {
@@ -8,15 +8,27 @@ module.exports = {
     port: '8888',
     https: false, // 是否使用https协议
     hotOnly: true, // 是否开启热更新
-    proxy: {
-      '/service': {
-        target: 'http://192.168.3.108', // API服务器的地址
-        ws: true, // 代理websockets
-        changeOrigin: true, // 虚拟的站点需要更管origin
-        pathRewrite: {
-          '^/service': ''
-        }
-      }
-    }
-  }
+    // proxy: {
+    //   '/service': {
+    //     target: 'http://192.168.3.108', // API服务器的地址
+    //     ws: true, // 代理websockets
+    //     changeOrigin: true, // 虚拟的站点需要更管origin
+    //     pathRewrite: {
+    //       '^/service': ''
+    //     }
+    //   }
+    // }
+  },
+	css: {
+	        // extract: false,
+	        // sourceMap: true, // 开启 CSS source maps?
+					loaderOptions: {
+					  less: {
+							modifyVars: {
+								'primary-color': '#49b856',
+							},
+							javascriptEnabled: true,
+					  },
+					},
+	    }
 }