From 477acea4d1efb46ea8220055788088ef8aa93a4b Mon Sep 17 00:00:00 2001
From: unknown <280848880@qq.com>
Date: 星期三, 27 九月 2023 09:27:43 +0800
Subject: [PATCH] web:1物资管理-预埋件管理页面提交 2工程项目管理-标段管理,项目管理页面提交

---
 web/src/views/ProjectManage/ProjectsIndex.vue               |  815 +++++----
 web/src/views/MaterialsIndex/components/embedded/Cost.vue   |  316 +++
 web/src/views/ProjectManage/SectionManage.vue               |  901 ++++++----
 web/src/components/table/Pagination.vue                     |   78 
 web/src/views/MaterialsIndex/components/embedded/Check.vue  |  212 ++
 web/src/components/table/Table.vue                          |  126 +
 web/src/api/modules/ductpiecePLM.js                         |   11 
 web/src/views/MaterialsIndex/components/embedded/Income.vue |  369 ++++
 web/src/views/MaterialsIndex/components/embedded/Invent.vue |  294 +++
 web/src/views/MaterialsIndex/components/embedded/Type.vue   |  244 ++
 web/src/views/MaterialsIndex/EmbeddedIndex.vue              |   82 +
 web/src/api/modules/materials.js                            |   66 
 web/src/views/ProductPlan/DuctPracticalRaw.vue              |  236 +-
 web/package-lock.json                                       | 1129 ++++++++++++-
 14 files changed, 3,968 insertions(+), 911 deletions(-)

diff --git a/web/package-lock.json b/web/package-lock.json
index ab4a14d..301fe1f 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -1095,7 +1095,6 @@
       "version": "7.17.2",
       "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.17.2.tgz",
       "integrity": "sha512-hzeyJyMA1YGdJTuWU0e/j4wKXrU4OMFvY2MSlaI9B7VQb0r5cxTE3EAIS2Q7Tn2RIcDkRvTA/v2JsAEhxe99uw==",
-      "dev": true,
       "requires": {
         "regenerator-runtime": "^0.13.4"
       }
@@ -1296,6 +1295,11 @@
       "integrity": "sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==",
       "dev": true
     },
+    "@transloadit/prettier-bytes": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@transloadit/prettier-bytes/-/prettier-bytes-0.0.7.tgz",
+      "integrity": "sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA=="
+    },
     "@types/body-parser": {
       "version": "1.19.2",
       "resolved": "https://registry.npmmirror.com/@types/body-parser/-/body-parser-1.19.2.tgz",
@@ -1324,6 +1328,11 @@
         "@types/express-serve-static-core": "*",
         "@types/node": "*"
       }
+    },
+    "@types/event-emitter": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@types/event-emitter/-/event-emitter-0.3.3.tgz",
+      "integrity": "sha512-UfnOK1pIxO7P+EgPRZXD9jMpimd8QEFcEZ5R67R1UhGbv4zghU5+NE7U8M8G9H5Jc8FI51rqDWQs6FtUfq2e/Q=="
     },
     "@types/express": {
       "version": "4.17.13",
@@ -1512,6 +1521,121 @@
           "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
           "dev": true
         }
+      }
+    },
+    "@uppy/companion-client": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@uppy/companion-client/-/companion-client-2.2.2.tgz",
+      "integrity": "sha512-5mTp2iq97/mYSisMaBtFRry6PTgZA6SIL7LePteOV5x0/DxKfrZW3DEiQERJmYpHzy7k8johpm2gHnEKto56Og==",
+      "requires": {
+        "@uppy/utils": "^4.1.2",
+        "namespace-emitter": "^2.0.1"
+      }
+    },
+    "@uppy/core": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/@uppy/core/-/core-2.3.4.tgz",
+      "integrity": "sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==",
+      "requires": {
+        "@transloadit/prettier-bytes": "0.0.7",
+        "@uppy/store-default": "^2.1.1",
+        "@uppy/utils": "^4.1.3",
+        "lodash.throttle": "^4.1.1",
+        "mime-match": "^1.0.2",
+        "namespace-emitter": "^2.0.1",
+        "nanoid": "^3.1.25",
+        "preact": "^10.5.13"
+      }
+    },
+    "@uppy/store-default": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@uppy/store-default/-/store-default-2.1.1.tgz",
+      "integrity": "sha512-xnpTxvot2SeAwGwbvmJ899ASk5tYXhmZzD/aCFsXePh/v8rNvR2pKlcQUH7cF/y4baUGq3FHO/daKCok/mpKqQ=="
+    },
+    "@uppy/utils": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/@uppy/utils/-/utils-4.1.3.tgz",
+      "integrity": "sha512-nTuMvwWYobnJcytDO3t+D6IkVq/Qs4Xv3vyoEZ+Iaf8gegZP+rEyoaFT2CK5XLRMienPyqRqNbIfRuFaOWSIFw==",
+      "requires": {
+        "lodash.throttle": "^4.1.1"
+      }
+    },
+    "@uppy/xhr-upload": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@uppy/xhr-upload/-/xhr-upload-2.1.3.tgz",
+      "integrity": "sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==",
+      "requires": {
+        "@uppy/companion-client": "^2.2.2",
+        "@uppy/utils": "^4.1.2",
+        "nanoid": "^3.1.25"
+      }
+    },
+    "@videojs/http-streaming": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/@videojs/http-streaming/-/http-streaming-3.5.3.tgz",
+      "integrity": "sha512-dty8lsZk9QPc0i4It79tjWsmPiaC3FpgARFM0vJGko4k3yKNZIYkAk8kjiDRfkAQH/HZ3rYi5dDTriFNzwSsIg==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "4.0.0",
+        "aes-decrypter": "4.0.1",
+        "global": "^4.4.0",
+        "m3u8-parser": "^7.1.0",
+        "mpd-parser": "^1.1.1",
+        "mux.js": "7.0.0",
+        "video.js": "^7 || ^8"
+      },
+      "dependencies": {
+        "m3u8-parser": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/m3u8-parser/-/m3u8-parser-7.1.0.tgz",
+          "integrity": "sha512-7N+pk79EH4oLKPEYdgRXgAsKDyA/VCo0qCHlUwacttQA0WqsjZQYmNfywMvjlY9MpEBVZEt0jKFd73Kv15EBYQ==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "@videojs/vhs-utils": "^3.0.5",
+            "global": "^4.4.0"
+          },
+          "dependencies": {
+            "@videojs/vhs-utils": {
+              "version": "3.0.5",
+              "resolved": "https://registry.npmjs.org/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz",
+              "integrity": "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==",
+              "requires": {
+                "@babel/runtime": "^7.12.5",
+                "global": "^4.4.0",
+                "url-toolkit": "^2.2.1"
+              }
+            }
+          }
+        },
+        "mux.js": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/mux.js/-/mux.js-7.0.0.tgz",
+          "integrity": "sha512-DeZmr+3NDrO02k4SREtl4VB5GyGPCz2fzMjDxBIlamkxffSTLge97rtNMoonnmFHTp96QggDucUtKv3fmyObrA==",
+          "requires": {
+            "@babel/runtime": "^7.11.2",
+            "global": "^4.4.0"
+          }
+        }
+      }
+    },
+    "@videojs/vhs-utils": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@videojs/vhs-utils/-/vhs-utils-4.0.0.tgz",
+      "integrity": "sha512-xJp7Yd4jMLwje2vHCUmi8MOUU76nxiwII3z4Eg3Ucb+6rrkFVGosrXlMgGnaLjq724j3wzNElRZ71D/CKrTtxg==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "global": "^4.4.0",
+        "url-toolkit": "^2.2.1"
+      }
+    },
+    "@videojs/xhr": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@videojs/xhr/-/xhr-2.6.0.tgz",
+      "integrity": "sha512-7J361GiN1tXpm+gd0xz2QWr3xNWBE+rytvo8J3KuggFaLg+U37gZQ2BuPLcnkfGffy2e+ozY70RHC8jt7zjA6Q==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "global": "~4.4.0",
+        "is-function": "^1.0.1"
       }
     },
     "@vue/babel-helper-vue-jsx-merge-props": {
@@ -1808,6 +1932,63 @@
           "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
           "dev": true
         },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "loader-utils": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+          "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
         "ssri": {
           "version": "8.0.1",
           "resolved": "https://registry.npmmirror.com/ssri/-/ssri-8.0.1.tgz",
@@ -1815,6 +1996,28 @@
           "dev": true,
           "requires": {
             "minipass": "^3.1.1"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "vue-loader-v16": {
+          "version": "npm:vue-loader@16.8.3",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
+          "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chalk": "^4.1.0",
+            "hash-sum": "^2.0.0",
+            "loader-utils": "^2.0.0"
           }
         }
       }
@@ -1907,6 +2110,88 @@
       "resolved": "https://registry.npmmirror.com/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
       "integrity": "sha512-Iu8Tbg3f+emIIMmI2ycSI8QcEuAUgPTgHwesDU1eKMLE4YC/c/sFbGc70QgMq31ijRftV0R7vCm9co6rldCeOA==",
       "dev": true
+    },
+    "@wangeditor/basic-modules": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@wangeditor/basic-modules/-/basic-modules-1.1.7.tgz",
+      "integrity": "sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==",
+      "requires": {
+        "is-url": "^1.2.4"
+      }
+    },
+    "@wangeditor/code-highlight": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@wangeditor/code-highlight/-/code-highlight-1.0.3.tgz",
+      "integrity": "sha512-iazHwO14XpCuIWJNTQTikqUhGKyqj+dUNWJ9288Oym9M2xMVHvnsOmDU2sgUDWVy+pOLojReMPgXCsvvNlOOhw==",
+      "requires": {
+        "prismjs": "^1.23.0"
+      }
+    },
+    "@wangeditor/core": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/@wangeditor/core/-/core-1.1.19.tgz",
+      "integrity": "sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==",
+      "requires": {
+        "@types/event-emitter": "^0.3.3",
+        "event-emitter": "^0.3.5",
+        "html-void-elements": "^2.0.0",
+        "i18next": "^20.4.0",
+        "scroll-into-view-if-needed": "^2.2.28",
+        "slate-history": "^0.66.0"
+      }
+    },
+    "@wangeditor/editor": {
+      "version": "5.1.23",
+      "resolved": "https://registry.npmjs.org/@wangeditor/editor/-/editor-5.1.23.tgz",
+      "integrity": "sha512-0RxfeVTuK1tktUaPROnCoFfaHVJpRAIE2zdS0mpP+vq1axVQpLjM8+fCvKzqYIkH0Pg+C+44hJpe3VVroSkEuQ==",
+      "requires": {
+        "@uppy/core": "^2.1.1",
+        "@uppy/xhr-upload": "^2.0.3",
+        "@wangeditor/basic-modules": "^1.1.7",
+        "@wangeditor/code-highlight": "^1.0.3",
+        "@wangeditor/core": "^1.1.19",
+        "@wangeditor/list-module": "^1.0.5",
+        "@wangeditor/table-module": "^1.1.4",
+        "@wangeditor/upload-image-module": "^1.0.2",
+        "@wangeditor/video-module": "^1.1.4",
+        "dom7": "^3.0.0",
+        "is-hotkey": "^0.2.0",
+        "lodash.camelcase": "^4.3.0",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.debounce": "^4.0.8",
+        "lodash.foreach": "^4.5.0",
+        "lodash.isequal": "^4.5.0",
+        "lodash.throttle": "^4.1.1",
+        "lodash.toarray": "^4.4.0",
+        "nanoid": "^3.2.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "@wangeditor/editor-for-vue": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@wangeditor/editor-for-vue/-/editor-for-vue-1.0.2.tgz",
+      "integrity": "sha512-BOENvAXJVtVXlE2X50AAvjV82YlCUeu5cbeR0cvEQHQjYtiVnJtq7HSoj85r2kTgGouI5OrpJG9BBEjSjUSPyA=="
+    },
+    "@wangeditor/list-module": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@wangeditor/list-module/-/list-module-1.0.5.tgz",
+      "integrity": "sha512-uDuYTP6DVhcYf7mF1pTlmNn5jOb4QtcVhYwSSAkyg09zqxI1qBqsfUnveeDeDqIuptSJhkh81cyxi+MF8sEPOQ=="
+    },
+    "@wangeditor/table-module": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@wangeditor/table-module/-/table-module-1.1.4.tgz",
+      "integrity": "sha512-5saanU9xuEocxaemGdNi9t8MCDSucnykEC6jtuiT72kt+/Hhh4nERYx1J20OPsTCCdVr7hIyQenFD1iSRkIQ6w=="
+    },
+    "@wangeditor/upload-image-module": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@wangeditor/upload-image-module/-/upload-image-module-1.0.2.tgz",
+      "integrity": "sha512-z81lk/v71OwPDYeQDxj6cVr81aDP90aFuywb8nPD6eQeECtOymrqRODjpO6VGvCVxVck8nUxBHtbxKtjgcwyiA=="
+    },
+    "@wangeditor/video-module": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@wangeditor/video-module/-/video-module-1.1.4.tgz",
+      "integrity": "sha512-ZdodDPqKQrgx3IwWu4ZiQmXI8EXZ3hm2/fM6E3t5dB8tCaIGWQZhmqd6P5knfkRAd3z2+YRSRbxOGfoRSp/rLg=="
     },
     "@webassemblyjs/ast": {
       "version": "1.9.0",
@@ -2083,6 +2368,11 @@
         "@xtuc/long": "4.2.2"
       }
     },
+    "@xmldom/xmldom": {
+      "version": "0.8.10",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.10.tgz",
+      "integrity": "sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw=="
+    },
     "@xtuc/ieee754": {
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
@@ -2133,6 +2423,29 @@
       "resolved": "https://registry.npmmirror.com/address/-/address-1.1.2.tgz",
       "integrity": "sha512-aT6camzM4xEA54YVJYSqxz1kv4IHnQZRtThJJHhUMRExaU5spC7jX5ugSwTaTgJliIgs4VhZOk7htClvQ/LmRA==",
       "dev": true
+    },
+    "aes-decrypter": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/aes-decrypter/-/aes-decrypter-4.0.1.tgz",
+      "integrity": "sha512-H1nh/P9VZXUf17AA5NQfJML88CFjVBDuGkp5zDHa7oEhYN9TTpNLJknRY1ie0iSKWlDf6JRnJKaZVDSQdPy6Cg==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^3.0.5",
+        "global": "^4.4.0",
+        "pkcs7": "^1.0.4"
+      },
+      "dependencies": {
+        "@videojs/vhs-utils": {
+          "version": "3.0.5",
+          "resolved": "https://registry.npmjs.org/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz",
+          "integrity": "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "global": "^4.4.0",
+            "url-toolkit": "^2.2.1"
+          }
+        }
+      }
     },
     "ajv": {
       "version": "6.12.6",
@@ -2250,7 +2563,6 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmmirror.com/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dev": true,
       "requires": {
         "sprintf-js": "~1.0.2"
       }
@@ -2672,6 +2984,34 @@
       "resolved": "https://registry.npmmirror.com/bluebird/-/bluebird-3.7.2.tgz",
       "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
       "dev": true
+    },
+    "bmaplib.curveline": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/bmaplib.curveline/-/bmaplib.curveline-1.0.0.tgz",
+      "integrity": "sha512-9wcFMVhiYxNPqpvsLDAADn3qDhNzXp2mA6VyHSHg2XOAgSooC7ZiujdFhy0sp+0QYjTfJ/MjmLuNoUg2HHxH4Q=="
+    },
+    "bmaplib.heatmap": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/bmaplib.heatmap/-/bmaplib.heatmap-1.0.4.tgz",
+      "integrity": "sha512-rmhqUARBpUSJ9jXzUI2j7dIOqnc38bqubkx/8a349U2qtw/ulLUwyzRD535OrA8G7w5cz4aPKm6/rNvUAarg/Q=="
+    },
+    "bmaplib.lushu": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/bmaplib.lushu/-/bmaplib.lushu-1.0.7.tgz",
+      "integrity": "sha512-LVvgpESPii6xGxyjnQjq8u+ic4NjvhdCPV/RiSS/PGTUdZKeTDS7prSpleJLZH3ES0+oc0gYn8bw0LtPYUSz2w=="
+    },
+    "bmaplib.markerclusterer": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/bmaplib.markerclusterer/-/bmaplib.markerclusterer-1.0.13.tgz",
+      "integrity": "sha512-VrLyWSiuDEVNi0yUfwOhFQ6z1oEEHS4w36GNu3iASu6p52QIx9uAXMUkuSCHReNR0bj2Cp9SA1dSx5RpojXajQ==",
+      "requires": {
+        "bmaplib.texticonoverlay": "^1.0.2"
+      }
+    },
+    "bmaplib.texticonoverlay": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bmaplib.texticonoverlay/-/bmaplib.texticonoverlay-1.0.2.tgz",
+      "integrity": "sha512-4ZTWr4ZP3B6qEWput5Tut16CfZgII38YwM3bpyb4gFTQyORlKYryFp9WHWrwZZaHlOyYDAXG9SX0hka43jTADg=="
     },
     "bn.js": {
       "version": "5.2.0",
@@ -3557,6 +3897,11 @@
         }
       }
     },
+    "compute-scroll-into-view": {
+      "version": "1.0.20",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
+      "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg=="
+    },
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
@@ -4182,6 +4527,15 @@
       "integrity": "sha512-NJGVKPS81XejHcLhaLJS7plab0fK3slPh11mESeeDq2W4ZI5kUKK/LRRdVDvjJseojbPB7ZwjnyOybg3Igea/A==",
       "dev": true
     },
+    "d": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
+      "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
+      "requires": {
+        "es5-ext": "^0.10.50",
+        "type": "^1.0.1"
+      }
+    },
     "dashdash": {
       "version": "1.14.1",
       "resolved": "https://registry.npmmirror.com/dashdash/-/dashdash-1.14.1.tgz",
@@ -4580,6 +4934,19 @@
         }
       }
     },
+    "dom-walk": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz",
+      "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
+    },
+    "dom7": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/dom7/-/dom7-3.0.0.tgz",
+      "integrity": "sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==",
+      "requires": {
+        "ssr-window": "^3.0.0-alpha.1"
+      }
+    },
     "domain-browser": {
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/domain-browser/-/domain-browser-1.2.0.tgz",
@@ -4671,6 +5038,22 @@
       "requires": {
         "jsbn": "~0.1.0",
         "safer-buffer": "^2.1.0"
+      }
+    },
+    "echarts": {
+      "version": "5.4.3",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.4.3.tgz",
+      "integrity": "sha512-mYKxLxhzy6zyTi/FaEbJMOZU1ULGEQHaeIeuMR5L+JnJTpz+YR03mnnpBhbR4+UYJAgiXgpyTVLffPAjOTLkZA==",
+      "requires": {
+        "tslib": "2.3.0",
+        "zrender": "5.4.4"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+          "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+        }
       }
     },
     "ee-first": {
@@ -4845,6 +5228,40 @@
         "is-callable": "^1.1.4",
         "is-date-object": "^1.0.1",
         "is-symbol": "^1.0.2"
+      }
+    },
+    "es5-ext": {
+      "version": "0.10.62",
+      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
+      "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
+      "requires": {
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.3",
+        "next-tick": "^1.1.0"
+      }
+    },
+    "es5-shim": {
+      "version": "4.6.7",
+      "resolved": "https://registry.npmjs.org/es5-shim/-/es5-shim-4.6.7.tgz",
+      "integrity": "sha512-jg21/dmlrNQI7JyyA2w7n+yifSxBng0ZralnSfVZjoCawgNTCnS+yBCyVM9DL5itm7SUnDGgv7hcq2XCZX4iRQ=="
+    },
+    "es6-iterator": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
+      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+      "requires": {
+        "d": "1",
+        "es5-ext": "^0.10.35",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "es6-symbol": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
+      "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
+      "requires": {
+        "d": "^1.0.1",
+        "ext": "^1.1.2"
       }
     },
     "escalade": {
@@ -5095,6 +5512,15 @@
       "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
       "dev": true
     },
+    "event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+      "requires": {
+        "d": "1",
+        "es5-ext": "~0.10.14"
+      }
+    },
     "event-pubsub": {
       "version": "4.3.0",
       "resolved": "https://registry.npmmirror.com/event-pubsub/-/event-pubsub-4.3.0.tgz",
@@ -5264,6 +5690,21 @@
         }
       }
     },
+    "ext": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
+      "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+      "requires": {
+        "type": "^2.7.2"
+      },
+      "dependencies": {
+        "type": {
+          "version": "2.7.2",
+          "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
+          "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw=="
+        }
+      }
+    },
     "extend": {
       "version": "3.0.2",
       "resolved": "https://registry.npmmirror.com/extend/-/extend-3.0.2.tgz",
@@ -5370,6 +5811,11 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmmirror.com/extsprintf/-/extsprintf-1.3.0.tgz",
       "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g=="
+    },
+    "ezuikit-js": {
+      "version": "7.7.6",
+      "resolved": "https://registry.npmjs.org/ezuikit-js/-/ezuikit-js-7.7.6.tgz",
+      "integrity": "sha512-eizB8ToIBumN7v69SII4poly1ppZGIGQPj9c8yYTmP7KGZpXnqrQAXcjYrN4PRjcI2U7jrJoRr1i4BNIofzYVg=="
     },
     "fast-deep-equal": {
       "version": "3.1.3",
@@ -5845,6 +6291,15 @@
       "integrity": "sha512-Iozmtbqv0noj0uDDqoL0zNq0VBEfK2YFoMAZoxJe4cwphvLR+JskfF30QhXHOR4m3KrE6NLRYw+U9MRXvifyig==",
       "dev": true
     },
+    "global": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/global/-/global-4.4.0.tgz",
+      "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
+      "requires": {
+        "min-document": "^2.19.0",
+        "process": "^0.11.10"
+      }
+    },
     "globals": {
       "version": "11.12.0",
       "resolved": "https://registry.npmmirror.com/globals/-/globals-11.12.0.tgz",
@@ -6167,6 +6622,11 @@
       "integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==",
       "dev": true
     },
+    "html-void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-2.0.1.tgz",
+      "integrity": "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A=="
+    },
     "html-webpack-plugin": {
       "version": "3.2.0",
       "resolved": "https://registry.npmmirror.com/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz",
@@ -6382,6 +6842,14 @@
       "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
       "dev": true
     },
+    "i18next": {
+      "version": "20.6.1",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-20.6.1.tgz",
+      "integrity": "sha512-yCMYTMEJ9ihCwEQQ3phLo7I/Pwycf8uAx+sRHwwk5U9Aui/IZYgQRyMqXafQOw5QQ7DM1Z+WyEXWIqSuJHhG2A==",
+      "requires": {
+        "@babel/runtime": "^7.12.0"
+      }
+    },
     "iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -6417,6 +6885,11 @@
       "resolved": "https://registry.npmmirror.com/ignore/-/ignore-4.0.6.tgz",
       "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
       "dev": true
+    },
+    "immer": {
+      "version": "9.0.21",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.21.tgz",
+      "integrity": "sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA=="
     },
     "import-cwd": {
       "version": "2.1.0",
@@ -6525,6 +6998,11 @@
       "resolved": "https://registry.npmmirror.com/indexes-of/-/indexes-of-1.0.1.tgz",
       "integrity": "sha512-bup+4tap3Hympa+JBJUG7XuOsdNQ6fxt0MHyXMKuLBKn0OqsTfvUxkUrroEX1+B2VsSHvCjiIcZVxRtYa4nllA==",
       "dev": true
+    },
+    "individual": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/individual/-/individual-2.0.0.tgz",
+      "integrity": "sha512-pWt8hBCqJsUWI/HtcfWod7+N9SgAqyPEaF7JQjwzjn5vGrpg6aQ5qeAFQ7dx//UH4J1O+7xqew+gCeeFt6xN/g=="
     },
     "infer-owner": {
       "version": "1.0.4",
@@ -6898,6 +7376,11 @@
       "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
     },
+    "is-function": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-function/-/is-function-1.0.2.tgz",
+      "integrity": "sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ=="
+    },
     "is-glob": {
       "version": "4.0.3",
       "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
@@ -6906,6 +7389,11 @@
       "requires": {
         "is-extglob": "^2.1.1"
       }
+    },
+    "is-hotkey": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/is-hotkey/-/is-hotkey-0.2.0.tgz",
+      "integrity": "sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw=="
     },
     "is-negative-zero": {
       "version": "2.0.2",
@@ -7037,6 +7525,11 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/is-typedarray/-/is-typedarray-1.0.0.tgz",
       "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA=="
+    },
+    "is-url": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
+      "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww=="
     },
     "is-utf8": {
       "version": "0.2.1",
@@ -7206,6 +7699,11 @@
         "verror": "1.10.0"
       }
     },
+    "keycode": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/keycode/-/keycode-2.2.0.tgz",
+      "integrity": "sha512-ps3I9jAdNtRpJrbBvQjpzyFbss/skHqzS+eu4RxKLaEAtFqkjZaB6TZMSivPbLxf4K7VI4SjR0P5mRCX5+Q25A=="
+    },
     "killable": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/killable/-/killable-1.0.1.tgz",
@@ -7252,6 +7750,14 @@
       "resolved": "https://registry.npmmirror.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "dev": true
+    },
+    "linkify-it": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
+      "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
+      "requires": {
+        "uc.micro": "^1.0.1"
+      }
     },
     "load-json-file": {
       "version": "1.1.0",
@@ -7373,17 +7879,36 @@
       "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA=="
+    },
+    "lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ=="
+    },
     "lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
-      "dev": true
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
     },
     "lodash.defaultsdeep": {
       "version": "4.6.1",
       "resolved": "https://registry.npmmirror.com/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.1.tgz",
       "integrity": "sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==",
       "dev": true
+    },
+    "lodash.foreach": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
+      "integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ=="
+    },
+    "lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="
     },
     "lodash.kebabcase": {
       "version": "4.1.1",
@@ -7402,6 +7927,16 @@
       "resolved": "https://registry.npmmirror.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
       "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
       "dev": true
+    },
+    "lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ=="
+    },
+    "lodash.toarray": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.toarray/-/lodash.toarray-4.4.0.tgz",
+      "integrity": "sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw=="
     },
     "lodash.transform": {
       "version": "4.6.0",
@@ -7454,6 +7989,28 @@
         "yallist": "^3.0.2"
       }
     },
+    "m3u8-parser": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/m3u8-parser/-/m3u8-parser-6.2.0.tgz",
+      "integrity": "sha512-qlC00JTxYOxawcqg+RB8jbyNwL3foY/nCY61kyWP+RCuJE9APLeqB/nSlTjb4Mg0yRmyERgjswpdQxMvkeoDrg==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^3.0.5",
+        "global": "^4.4.0"
+      },
+      "dependencies": {
+        "@videojs/vhs-utils": {
+          "version": "3.0.5",
+          "resolved": "https://registry.npmjs.org/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz",
+          "integrity": "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "global": "^4.4.0",
+            "url-toolkit": "^2.2.1"
+          }
+        }
+      }
+    },
     "make-dir": {
       "version": "3.1.0",
       "resolved": "https://registry.npmmirror.com/make-dir/-/make-dir-3.1.0.tgz",
@@ -7483,6 +8040,25 @@
         "object-visit": "^1.0.0"
       }
     },
+    "markdown-it": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-8.4.2.tgz",
+      "integrity": "sha512-GcRz3AWTqSUphY3vsUqQSFMbgR38a4Lh3GWlHRh/7MRwz8mcu9n2IO7HOh+bXHrR9kOPDl5RNCaEsrneb+xhHQ==",
+      "requires": {
+        "argparse": "^1.0.7",
+        "entities": "~1.1.1",
+        "linkify-it": "^2.0.0",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "dependencies": {
+        "entities": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+        }
+      }
+    },
     "md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmmirror.com/md5.js/-/md5.js-1.3.5.tgz",
@@ -7499,6 +8075,11 @@
       "resolved": "https://registry.npmmirror.com/mdn-data/-/mdn-data-2.0.4.tgz",
       "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
       "dev": true
+    },
+    "mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
     },
     "media-typer": {
       "version": "0.3.0",
@@ -7624,6 +8205,14 @@
       "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.51.0.tgz",
       "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g=="
     },
+    "mime-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/mime-match/-/mime-match-1.0.2.tgz",
+      "integrity": "sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==",
+      "requires": {
+        "wildcard": "^1.1.0"
+      }
+    },
     "mime-types": {
       "version": "2.1.34",
       "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.34.tgz",
@@ -7637,6 +8226,14 @@
       "resolved": "https://registry.npmmirror.com/mimic-fn/-/mimic-fn-1.2.0.tgz",
       "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
       "dev": true
+    },
+    "min-document": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",
+      "integrity": "sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==",
+      "requires": {
+        "dom-walk": "^0.1.0"
+      }
     },
     "mini-css-extract-plugin": {
       "version": "0.9.0",
@@ -7778,6 +8375,29 @@
         "run-queue": "^1.0.3"
       }
     },
+    "mpd-parser": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/mpd-parser/-/mpd-parser-1.2.2.tgz",
+      "integrity": "sha512-QCfB1koOoZw6E5La1cx+W/Yd0EZlRhHMqMr4TAJez0eRTuPDzPM5FWoiOqjyo37W+ISPLzmfJACSbJFEBjbL4Q==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^3.0.5",
+        "@xmldom/xmldom": "^0.8.3",
+        "global": "^4.4.0"
+      },
+      "dependencies": {
+        "@videojs/vhs-utils": {
+          "version": "3.0.5",
+          "resolved": "https://registry.npmjs.org/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz",
+          "integrity": "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "global": "^4.4.0",
+            "url-toolkit": "^2.2.1"
+          }
+        }
+      }
+    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
@@ -7806,6 +8426,15 @@
       "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
       "dev": true
     },
+    "mux.js": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/mux.js/-/mux.js-6.3.0.tgz",
+      "integrity": "sha512-/QTkbSAP2+w1nxV+qTcumSDN5PA98P0tjrADijIzQHe85oBK3Akhy9AHlH0ne/GombLMz1rLyvVsmrgRxoPDrQ==",
+      "requires": {
+        "@babel/runtime": "^7.11.2",
+        "global": "^4.4.0"
+      }
+    },
     "mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npmmirror.com/mz/-/mz-2.7.0.tgz",
@@ -7817,10 +8446,20 @@
         "thenify-all": "^1.0.0"
       }
     },
+    "namespace-emitter": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/namespace-emitter/-/namespace-emitter-2.0.1.tgz",
+      "integrity": "sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g=="
+    },
     "nan": {
       "version": "2.15.0",
       "resolved": "https://registry.npmjs.org/nan/-/nan-2.15.0.tgz",
       "integrity": "sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ=="
+    },
+    "nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA=="
     },
     "nanomatch": {
       "version": "1.2.13",
@@ -7858,6 +8497,11 @@
       "resolved": "https://registry.npmmirror.com/neo-async/-/neo-async-2.6.2.tgz",
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "dev": true
+    },
+    "next-tick": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
+      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
     },
     "nice-try": {
       "version": "1.0.5",
@@ -8094,6 +8738,11 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
       "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
+    },
+    "normalize.css": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
+      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
     },
     "npm-run-path": {
       "version": "2.0.2",
@@ -8495,6 +9144,11 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "parse-headers": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/parse-headers/-/parse-headers-2.0.5.tgz",
+      "integrity": "sha512-ft3iAoLOB/MlwbNXgzy43SWGP6sQki2jQvAyBg/zDFAgr9bfNWZIUj42Kw2eJIl8kEi4PbgE6U1Zau/HwI75HA=="
+    },
     "parse-json": {
       "version": "5.2.0",
       "resolved": "https://registry.npmmirror.com/parse-json/-/parse-json-5.2.0.tgz",
@@ -8661,6 +9315,14 @@
       "integrity": "sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==",
       "requires": {
         "pinkie": "^2.0.0"
+      }
+    },
+    "pkcs7": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/pkcs7/-/pkcs7-1.0.4.tgz",
+      "integrity": "sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ==",
+      "requires": {
+        "@babel/runtime": "^7.5.5"
       }
     },
     "pkg-dir": {
@@ -9287,6 +9949,11 @@
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
       "dev": true
     },
+    "preact": {
+      "version": "10.17.1",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.17.1.tgz",
+      "integrity": "sha512-X9BODrvQ4Ekwv9GURm9AKAGaomqXmip7NQTZgY7gcNmr7XE83adOMJvd3N42id1tMFU7ojiynRsYnY6/BRFxLA=="
+    },
     "prelude-ls": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.1.2.tgz",
@@ -9316,11 +9983,15 @@
         "renderkid": "^2.0.4"
       }
     },
+    "prismjs": {
+      "version": "1.29.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
+      "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q=="
+    },
     "process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmmirror.com/process/-/process-0.11.10.tgz",
-      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-      "dev": true
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A=="
     },
     "process-nextick-args": {
       "version": "2.0.1",
@@ -9627,8 +10298,7 @@
     "regenerator-runtime": {
       "version": "0.13.9",
       "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
-      "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
-      "dev": true
+      "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
     },
     "regenerator-transform": {
       "version": "0.14.5",
@@ -9966,6 +10636,14 @@
         "aproba": "^1.1.1"
       }
     },
+    "rust-result": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/rust-result/-/rust-result-1.0.0.tgz",
+      "integrity": "sha512-6cJzSBU+J/RJCF063onnQf0cDUOHs9uZI1oroSGnHOph+CQTIJ5Pp2hK5kEQq1+7yE/EEWfulSNXAQ2jikPthA==",
+      "requires": {
+        "individual": "^2.0.0"
+      }
+    },
     "rxjs": {
       "version": "6.6.7",
       "resolved": "https://registry.npmmirror.com/rxjs/-/rxjs-6.6.7.tgz",
@@ -9979,6 +10657,14 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz",
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
+    "safe-json-parse": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/safe-json-parse/-/safe-json-parse-4.0.0.tgz",
+      "integrity": "sha512-RjZPPHugjK0TOzFrLZ8inw44s9bKox99/0AZW9o/BEQVrJfhI+fIHMErnPyRa89/yRXUUr93q+tiN6zhoVV4wQ==",
+      "requires": {
+        "rust-result": "^1.0.0"
+      }
     },
     "safe-regex": {
       "version": "1.1.0",
@@ -10144,6 +10830,14 @@
         "@types/json-schema": "^7.0.5",
         "ajv": "^6.12.4",
         "ajv-keywords": "^3.5.2"
+      }
+    },
+    "scroll-into-view-if-needed": {
+      "version": "2.2.31",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.31.tgz",
+      "integrity": "sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==",
+      "requires": {
+        "compute-scroll-into-view": "^1.0.20"
       }
     },
     "scss-tokenizer": {
@@ -10434,6 +11128,38 @@
       "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
       "dev": true
     },
+    "slate": {
+      "version": "0.72.8",
+      "resolved": "https://registry.npmjs.org/slate/-/slate-0.72.8.tgz",
+      "integrity": "sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==",
+      "requires": {
+        "immer": "^9.0.6",
+        "is-plain-object": "^5.0.0",
+        "tiny-warning": "^1.0.3"
+      },
+      "dependencies": {
+        "is-plain-object": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+          "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q=="
+        }
+      }
+    },
+    "slate-history": {
+      "version": "0.66.0",
+      "resolved": "https://registry.npmjs.org/slate-history/-/slate-history-0.66.0.tgz",
+      "integrity": "sha512-6MWpxGQZiMvSINlCbMW43E2YBSVMCMCIwQfBzGssjWw4kb0qfvj0pIdblWNRQZD0hR6WHP+dHHgGSeVdMWzfng==",
+      "requires": {
+        "is-plain-object": "^5.0.0"
+      },
+      "dependencies": {
+        "is-plain-object": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+          "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q=="
+        }
+      }
+    },
     "slice-ansi": {
       "version": "2.1.0",
       "resolved": "https://registry.npmmirror.com/slice-ansi/-/slice-ansi-2.1.0.tgz",
@@ -10452,6 +11178,11 @@
           "dev": true
         }
       }
+    },
+    "snabbdom": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/snabbdom/-/snabbdom-3.5.1.tgz",
+      "integrity": "sha512-wHMNIOjkm/YNE5EM3RCbr/+DVgPg6AqQAX1eOxO46zYNvCXjKP5Y865tqQj3EXnaMBjkxmQA5jFuDpDK/dbfiA=="
     },
     "snapdragon": {
       "version": "0.8.2",
@@ -10685,6 +11416,11 @@
       "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
       "dev": true
     },
+    "spark-md5": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/spark-md5/-/spark-md5-3.0.2.tgz",
+      "integrity": "sha512-wcFzz9cDfbuqe0FZzfi2or1sgyIrsDwmPwfZC4hiNidPdPINjeUwNfv5kldczoEAcjl9Y1L3SM7Uz2PUEQzxQw=="
+    },
     "spdx-correct": {
       "version": "3.1.1",
       "resolved": "https://registry.npmmirror.com/spdx-correct/-/spdx-correct-3.1.1.tgz",
@@ -10765,8 +11501,7 @@
     "sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmmirror.com/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
     },
     "sshpk": {
       "version": "1.17.0",
@@ -10783,6 +11518,11 @@
         "safer-buffer": "^2.0.2",
         "tweetnacl": "~0.14.0"
       }
+    },
+    "ssr-window": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-3.0.0.tgz",
+      "integrity": "sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA=="
     },
     "ssri": {
       "version": "6.0.2",
@@ -11299,6 +12039,11 @@
       "integrity": "sha512-qsdtZH+vMoCARQtyod4imc2nIJwg9Cc7lPRrw9CzF8ZKR0khdr8+2nX80PBhET3tcyTtJDxAffGh2rXH4tyU8A==",
       "dev": true
     },
+    "tiny-warning": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
+      "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
+    },
     "tmp": {
       "version": "0.0.33",
       "resolved": "https://registry.npmmirror.com/tmp/-/tmp-0.0.33.tgz",
@@ -11414,6 +12159,11 @@
       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
       "dev": true
     },
+    "tsml": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/tsml/-/tsml-1.0.1.tgz",
+      "integrity": "sha512-3KmepnH9SUsoOVtg013CRrL7c+AK7ECaquAsJdvu4288EDJuraqBlP4PDXT/rLEJ9YDn4jqLAzRJsnFPx+V6lg=="
+    },
     "tty-browserify": {
       "version": "0.0.0",
       "resolved": "https://registry.npmmirror.com/tty-browserify/-/tty-browserify-0.0.0.tgz",
@@ -11432,6 +12182,11 @@
       "version": "0.14.5",
       "resolved": "https://registry.npmmirror.com/tweetnacl/-/tweetnacl-0.14.5.tgz",
       "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA=="
+    },
+    "type": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
+      "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg=="
     },
     "type-check": {
       "version": "0.3.2",
@@ -11463,6 +12218,11 @@
       "resolved": "https://registry.npmmirror.com/typedarray/-/typedarray-0.0.6.tgz",
       "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
       "dev": true
+    },
+    "uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
     },
     "uglify-js": {
       "version": "3.4.10",
@@ -11693,6 +12453,11 @@
         "requires-port": "^1.0.0"
       }
     },
+    "url-toolkit": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/url-toolkit/-/url-toolkit-2.2.5.tgz",
+      "integrity": "sha512-mtN6xk+Nac+oyJ/PrI7tzfmomRVNFIWKUbG8jdYFt52hxbiReFAXIjYskvu64/dvuW71IcB7lV8l0HvZMac6Jg=="
+    },
     "use": {
       "version": "3.1.1",
       "resolved": "https://registry.npmmirror.com/use/-/use-3.1.1.tgz",
@@ -11787,6 +12552,202 @@
         "extsprintf": "^1.2.0"
       }
     },
+    "video.js": {
+      "version": "8.5.2",
+      "resolved": "https://registry.npmjs.org/video.js/-/video.js-8.5.2.tgz",
+      "integrity": "sha512-6/uNXQV3xSaKLpaPf/bVvr7omd+82sKUp0RMBgIt4PxHIe28GtX+O+GcNfI2fuwBvcDRDqk5Ei5AG9bJJOpulA==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/http-streaming": "3.5.3",
+        "@videojs/vhs-utils": "^4.0.0",
+        "@videojs/xhr": "2.6.0",
+        "aes-decrypter": "^4.0.1",
+        "global": "4.4.0",
+        "keycode": "2.2.0",
+        "m3u8-parser": "^6.0.0",
+        "mpd-parser": "^1.0.1",
+        "mux.js": "^6.2.0",
+        "safe-json-parse": "4.0.0",
+        "videojs-contrib-quality-levels": "4.0.0",
+        "videojs-font": "4.1.0",
+        "videojs-vtt.js": "0.15.5"
+      }
+    },
+    "videojs-contrib-hls": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/videojs-contrib-hls/-/videojs-contrib-hls-5.15.0.tgz",
+      "integrity": "sha512-18zbMYZ0XRBKTPEayA9bFTWWrqhT9b4G8+zf0czJLD7Epe5PcK1I/3dflTHQeQ5rwlWir+/XnFU3sMg/B2MMcw==",
+      "requires": {
+        "aes-decrypter": "1.0.3",
+        "global": "^4.3.0",
+        "m3u8-parser": "2.1.0",
+        "mux.js": "4.3.2",
+        "url-toolkit": "^2.1.3",
+        "video.js": "^5.19.1 || ^6.2.0",
+        "videojs-contrib-media-sources": "4.7.2",
+        "webwackify": "0.1.6"
+      },
+      "dependencies": {
+        "aes-decrypter": {
+          "version": "1.0.3",
+          "resolved": "https://registry.npmjs.org/aes-decrypter/-/aes-decrypter-1.0.3.tgz",
+          "integrity": "sha512-rsx8pfx7wJsn+ziYbpJ8XA5c93hKAtBCrfydxJqJCMT+qfjipd/B5wC2xHtBcoxyvlqJcpeAo3K55t0lXOn9yQ==",
+          "requires": {
+            "pkcs7": "^0.2.3"
+          }
+        },
+        "m3u8-parser": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/m3u8-parser/-/m3u8-parser-2.1.0.tgz",
+          "integrity": "sha512-WbEpQ2FUaNGbJ0YanSeyj9D9ruu4FUvz+ZvebIzI2bSME+PUwcPXO1kKXZkjcPUAFruDikoOI5fWQNIA6JCCOQ=="
+        },
+        "mux.js": {
+          "version": "4.3.2",
+          "resolved": "https://registry.npmjs.org/mux.js/-/mux.js-4.3.2.tgz",
+          "integrity": "sha512-g0q6DPdvb3yYcoK7ElBGobdSSrhY/RjPt19U7uUc733aqvc5bCS/aCvL9z+448y+IoCZnYDwyZfQBBXMSmGOaQ=="
+        },
+        "pkcs7": {
+          "version": "0.2.3",
+          "resolved": "https://registry.npmjs.org/pkcs7/-/pkcs7-0.2.3.tgz",
+          "integrity": "sha512-kJRwmADEQUg+qJyRgWLtpEL9q9cFjZschejTEK3GRjKvnsU9G5WWoe/wKqRgbBoqWdVSeTUKP6vIA3Y72M3rWA=="
+        },
+        "process": {
+          "version": "0.5.2",
+          "resolved": "https://registry.npmjs.org/process/-/process-0.5.2.tgz",
+          "integrity": "sha512-oNpcutj+nYX2FjdEW7PGltWhXulAnFlM0My/k48L90hARCOJtvBbQXc/6itV2jDvU5xAAtonP+r6wmQgCcbAUA=="
+        },
+        "video.js": {
+          "version": "6.13.0",
+          "resolved": "https://registry.npmjs.org/video.js/-/video.js-6.13.0.tgz",
+          "integrity": "sha512-36/JR/GhPQSZj0o+GNbhcEYv/b0SkV9SQsjlodAnzMQYN0TA7VhmqrKPYMCi1NGRYu7S9W3OaFCFoUxkYfSVlg==",
+          "requires": {
+            "babel-runtime": "^6.9.2",
+            "global": "4.3.2",
+            "safe-json-parse": "4.0.0",
+            "tsml": "1.0.1",
+            "videojs-font": "2.1.0",
+            "videojs-ie8": "1.1.2",
+            "videojs-vtt.js": "0.12.6",
+            "xhr": "2.4.0"
+          },
+          "dependencies": {
+            "global": {
+              "version": "4.3.2",
+              "resolved": "https://registry.npmjs.org/global/-/global-4.3.2.tgz",
+              "integrity": "sha512-/4AybdwIDU4HkCUbJkZdWpe4P6vuw/CUtu+0I1YlLIPe7OlUO7KNJ+q/rO70CW2/NW6Jc6I62++Hzsf5Alu6rQ==",
+              "requires": {
+                "min-document": "^2.19.0",
+                "process": "~0.5.1"
+              }
+            }
+          }
+        },
+        "videojs-font": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/videojs-font/-/videojs-font-2.1.0.tgz",
+          "integrity": "sha512-zFqWpLrXf1q8NtYx5qtZhMC6SLUFScDmR6j+UGPogobxR21lvXShhnzcNNMdOxJUuFLiToJ/BPpFUQwX4xhpvA=="
+        },
+        "videojs-vtt.js": {
+          "version": "0.12.6",
+          "resolved": "https://registry.npmjs.org/videojs-vtt.js/-/videojs-vtt.js-0.12.6.tgz",
+          "integrity": "sha512-XFXeGBQiljnElMhwCcZst0RDbZn2n8LU7ZScXryd3a00OaZsHAjdZu/7/RdSr7Z1jHphd45FnOvOQkGK4YrWCQ==",
+          "requires": {
+            "global": "^4.3.1"
+          }
+        }
+      }
+    },
+    "videojs-contrib-media-sources": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/videojs-contrib-media-sources/-/videojs-contrib-media-sources-4.7.2.tgz",
+      "integrity": "sha512-e6iCHWBFuV05EGo7v+pS9iepObXnJ9joms467gzi8ZjpKVb3ifha9M0Ja24Rd8JfvYpzjltsgDVtGFDvIg4hQQ==",
+      "requires": {
+        "global": "^4.3.0",
+        "mux.js": "4.3.2",
+        "video.js": "^5.17.0 || ^6.2.0",
+        "webwackify": "0.1.6"
+      },
+      "dependencies": {
+        "mux.js": {
+          "version": "4.3.2",
+          "resolved": "https://registry.npmjs.org/mux.js/-/mux.js-4.3.2.tgz",
+          "integrity": "sha512-g0q6DPdvb3yYcoK7ElBGobdSSrhY/RjPt19U7uUc733aqvc5bCS/aCvL9z+448y+IoCZnYDwyZfQBBXMSmGOaQ=="
+        },
+        "process": {
+          "version": "0.5.2",
+          "resolved": "https://registry.npmjs.org/process/-/process-0.5.2.tgz",
+          "integrity": "sha512-oNpcutj+nYX2FjdEW7PGltWhXulAnFlM0My/k48L90hARCOJtvBbQXc/6itV2jDvU5xAAtonP+r6wmQgCcbAUA=="
+        },
+        "video.js": {
+          "version": "6.13.0",
+          "resolved": "https://registry.npmjs.org/video.js/-/video.js-6.13.0.tgz",
+          "integrity": "sha512-36/JR/GhPQSZj0o+GNbhcEYv/b0SkV9SQsjlodAnzMQYN0TA7VhmqrKPYMCi1NGRYu7S9W3OaFCFoUxkYfSVlg==",
+          "requires": {
+            "babel-runtime": "^6.9.2",
+            "global": "4.3.2",
+            "safe-json-parse": "4.0.0",
+            "tsml": "1.0.1",
+            "videojs-font": "2.1.0",
+            "videojs-ie8": "1.1.2",
+            "videojs-vtt.js": "0.12.6",
+            "xhr": "2.4.0"
+          },
+          "dependencies": {
+            "global": {
+              "version": "4.3.2",
+              "resolved": "https://registry.npmjs.org/global/-/global-4.3.2.tgz",
+              "integrity": "sha512-/4AybdwIDU4HkCUbJkZdWpe4P6vuw/CUtu+0I1YlLIPe7OlUO7KNJ+q/rO70CW2/NW6Jc6I62++Hzsf5Alu6rQ==",
+              "requires": {
+                "min-document": "^2.19.0",
+                "process": "~0.5.1"
+              }
+            }
+          }
+        },
+        "videojs-font": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/videojs-font/-/videojs-font-2.1.0.tgz",
+          "integrity": "sha512-zFqWpLrXf1q8NtYx5qtZhMC6SLUFScDmR6j+UGPogobxR21lvXShhnzcNNMdOxJUuFLiToJ/BPpFUQwX4xhpvA=="
+        },
+        "videojs-vtt.js": {
+          "version": "0.12.6",
+          "resolved": "https://registry.npmjs.org/videojs-vtt.js/-/videojs-vtt.js-0.12.6.tgz",
+          "integrity": "sha512-XFXeGBQiljnElMhwCcZst0RDbZn2n8LU7ZScXryd3a00OaZsHAjdZu/7/RdSr7Z1jHphd45FnOvOQkGK4YrWCQ==",
+          "requires": {
+            "global": "^4.3.1"
+          }
+        }
+      }
+    },
+    "videojs-contrib-quality-levels": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/videojs-contrib-quality-levels/-/videojs-contrib-quality-levels-4.0.0.tgz",
+      "integrity": "sha512-u5rmd8BjLwANp7XwuQ0Q/me34bMe6zg9PQdHfTS7aXgiVRbNTb4djcmfG7aeSrkpZjg+XCLezFNenlJaCjBHKw==",
+      "requires": {
+        "global": "^4.4.0"
+      }
+    },
+    "videojs-font": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/videojs-font/-/videojs-font-4.1.0.tgz",
+      "integrity": "sha512-X1LuPfLZPisPLrANIAKCknZbZu5obVM/ylfd1CN+SsCmPZQ3UMDPcvLTpPBJxcBuTpHQq2MO1QCFt7p8spnZ/w=="
+    },
+    "videojs-ie8": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/videojs-ie8/-/videojs-ie8-1.1.2.tgz",
+      "integrity": "sha512-0Zb2T4MLkpfZbeGMK/Z93b8Lrepr+rLFoHgQV1CoDeFqXvH7b+Vsd/VHoILGxQrgCSHFQ7mAODR6oyMjuiD4/g==",
+      "requires": {
+        "es5-shim": "^4.5.1"
+      }
+    },
+    "videojs-vtt.js": {
+      "version": "0.15.5",
+      "resolved": "https://registry.npmjs.org/videojs-vtt.js/-/videojs-vtt.js-0.15.5.tgz",
+      "integrity": "sha512-yZbBxvA7QMYn15Lr/ZfhhLPrNpI/RmCSCqgIff57GC2gIrV5YfyzLfLyZMj0NnZSAz8syB4N0nHXpZg9MyrMOQ==",
+      "requires": {
+        "global": "^4.3.1"
+      }
+    },
     "vm-browserify": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/vm-browserify/-/vm-browserify-1.1.2.tgz",
@@ -11797,6 +12758,18 @@
       "version": "2.6.14",
       "resolved": "https://registry.npmmirror.com/vue/-/vue-2.6.14.tgz",
       "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ=="
+    },
+    "vue-baidu-map": {
+      "version": "0.21.22",
+      "resolved": "https://registry.npmjs.org/vue-baidu-map/-/vue-baidu-map-0.21.22.tgz",
+      "integrity": "sha512-WQMPCih4UTh0AZCKKH/OVOYnyAWjfRNeK6BIeoLmscyY5aF8zzlJhz/NOHLb3mdztIpB0Z6aohn4Jd9mfCSjQw==",
+      "requires": {
+        "bmaplib.curveline": "^1.0.0",
+        "bmaplib.heatmap": "^1.0.4",
+        "bmaplib.lushu": "^1.0.7",
+        "bmaplib.markerclusterer": "^1.0.13",
+        "markdown-it": "^8.4.0"
+      }
     },
     "vue-demi": {
       "version": "0.12.5",
@@ -11854,87 +12827,6 @@
           "resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-1.0.2.tgz",
           "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
           "dev": true
-        }
-      }
-    },
-    "vue-loader-v16": {
-      "version": "npm:vue-loader@16.8.3",
-      "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
-      "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "hash-sum": "^2.0.0",
-        "loader-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "loader-utils": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.2.tgz",
-          "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
         }
       }
     },
@@ -12633,6 +13525,11 @@
       "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
       "dev": true
     },
+    "webwackify": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/webwackify/-/webwackify-0.1.6.tgz",
+      "integrity": "sha512-pGcw1T3HpNnM/UTRQqqRkkkzythSLts05mB+7Gr00B+0VbL0m39dFL5g20rSIEUt9Wrpw+/8k+snxRlUFHhcqA=="
+    },
     "which": {
       "version": "1.3.1",
       "resolved": "https://registry.npmmirror.com/which/-/which-1.3.1.tgz",
@@ -12666,6 +13563,11 @@
       "requires": {
         "string-width": "^1.0.2 || 2 || 3 || 4"
       }
+    },
+    "wildcard": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-1.1.2.tgz",
+      "integrity": "sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng=="
     },
     "word-wrap": {
       "version": "1.2.3",
@@ -12742,11 +13644,37 @@
         "async-limiter": "~1.0.0"
       }
     },
+    "xhr": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/xhr/-/xhr-2.4.0.tgz",
+      "integrity": "sha512-TUbBsdAuJbX8olk9hsDwGK8P1ri1XlV+PdEWkYw+HQQbpkiBR8PLgD1F3kQDPBs9l4Px34hP9rCYAZOCCAENbw==",
+      "requires": {
+        "global": "~4.3.0",
+        "is-function": "^1.0.1",
+        "parse-headers": "^2.0.0",
+        "xtend": "^4.0.0"
+      },
+      "dependencies": {
+        "global": {
+          "version": "4.3.2",
+          "resolved": "https://registry.npmjs.org/global/-/global-4.3.2.tgz",
+          "integrity": "sha512-/4AybdwIDU4HkCUbJkZdWpe4P6vuw/CUtu+0I1YlLIPe7OlUO7KNJ+q/rO70CW2/NW6Jc6I62++Hzsf5Alu6rQ==",
+          "requires": {
+            "min-document": "^2.19.0",
+            "process": "~0.5.1"
+          }
+        },
+        "process": {
+          "version": "0.5.2",
+          "resolved": "https://registry.npmjs.org/process/-/process-0.5.2.tgz",
+          "integrity": "sha512-oNpcutj+nYX2FjdEW7PGltWhXulAnFlM0My/k48L90hARCOJtvBbQXc/6itV2jDvU5xAAtonP+r6wmQgCcbAUA=="
+        }
+      }
+    },
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/xtend/-/xtend-4.0.2.tgz",
-      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-      "dev": true
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="
     },
     "y18n": {
       "version": "4.0.3",
@@ -12866,6 +13794,21 @@
           "dev": true
         }
       }
+    },
+    "zrender": {
+      "version": "5.4.4",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.4.4.tgz",
+      "integrity": "sha512-0VxCNJ7AGOMCWeHVyTrGzUgrK4asT4ml9PEkeGirAkKNYXYzoPJCLvmyfdoOXcjTHPs10OZVMfD1Rwg16AZyYw==",
+      "requires": {
+        "tslib": "2.3.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+          "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+        }
+      }
     }
   }
 }
diff --git a/web/src/api/modules/ductpiecePLM.js b/web/src/api/modules/ductpiecePLM.js
index b345a0c..3e1f009 100644
--- a/web/src/api/modules/ductpiecePLM.js
+++ b/web/src/api/modules/ductpiecePLM.js
@@ -26,6 +26,7 @@
       url: '/m/pipeInfo/findList',
       data: {
         proId: params.proId,
+        segmentId: params.segmentId,
         ringNum: params.ringNum,
         groupId: params.groupId,
         checkResult: params.checkResult,
@@ -250,7 +251,15 @@
     axios.post('/m/repo/delete', params),
   //堆场详情信息
   detailsYardInfo: params =>
-    axios.post('/m/repoRecord/repoDetail', params),
+    axios({
+      method: 'post',
+      url: '/m/repoRecord/repoDetail',
+      headers: {
+        pageNum: params.pageNum,
+        pageSize: params.pageSize
+      },
+      data: params
+    }),
   //堆场单元下拉框
   getUnitYardList: params =>
     axios.post('/m/repo/repoUnitPullDown', params),
diff --git a/web/src/api/modules/materials.js b/web/src/api/modules/materials.js
index 6e47e40..39e7b43 100644
--- a/web/src/api/modules/materials.js
+++ b/web/src/api/modules/materials.js
@@ -128,5 +128,71 @@
      responseType: 'blob',
      data: params
  }),
+  /* 预埋件管理 */
+  embedded: {
+    // 库存管理
+    inventGetLists: params => // table列表
+        axios.post('/materials/embedmentInventoryManagement/findAll', params),
+    inventCheck: params => // 库存校正
+        axios.post('/materials/embedmentInventoryManagement/inventoryCorrection', params),
+    inventPresAlarm: params => // 预报警设置
+        axios.post('/materials/embedmentInventoryManagement/alarmSet', params),
+    inventExportxls: params => // 导出
+        axios({
+            method: 'post',
+            url: '/materials/embedmentInventoryManagement/export',
+            responseType: 'blob',
+            data: params
+        }),
+    // 入库记录
+    incomeGetLists: params => // talbe列表
+        axios.post('/materials/embedmentInsetRecord/embedmentRecordList', params),
+    incomeInsert: params => // 新增
+        axios.post('/materials/embedmentInsetRecord/insert', params),
+    incomeUpdate: params => // 修改更新
+        axios.post('/materials/embedmentInsetRecord/update', params),
+    incomeDel: params => // 修改回显
+        axios.get('/materials/embedmentInsetRecord/embedmentRecordDel', { params }),
+    incomeExportxls: params => // 导出
+        axios({
+            method: 'post',
+            url: '/materials/embedmentInsetRecord/export',
+            responseType: 'blob',
+            data: params
+        }),
+    incomeExportXls: params => //导出模板
+        axios({
+        method: 'post',
+        url: '/materials/embedmentInsetRecord/recordExportTemplate',
+        responseType: 'blob',
+        params: params
+    }),
+    incomeInXls: params => //导入Excel
+        axios.post('/materials/embedmentInsetRecord/variateExcel', params),
+
+    // 预埋件种类
+    typeGetLists: params => // table列表
+        axios.post('/materials/embedmentGoods/findAll', params),
+    typeInsert: params => // 新增
+        axios.post('/materials/embedmentGoods/insert', params),
+    typeUpdate: params => // 修改更新
+      axios.post('/materials/embedmentGoods/update', params),
+    typeDetail: params => // 修改回显
+        axios.get('/materials/embedmentGoods/findEntity', { params }),
+    typeModels: params => // 类别
+        axios.get('/materials/embedmentGoods/getType', { params }),
+    // 消耗记录
+    costGetLists: params => // table列表
+      axios.post('/materials/embedmentInsetRecord/embedmentRecordOutList', params),
+    costInser: params => // table列表
+      axios.post('/materials/embedmentInsetRecord/insert', params),
+    costUpdate: params => // table列表
+      axios.post('/materials/embedmentInsetRecord/update', params),
+    costDel: params => // table列表
+      axios.get('/materials/embedmentInsetRecord/embedmentRecordDel', { params }),
+    // 校正记录
+    checkGetLists: params => // 修改回显
+        axios.post('/materials/embedmentCorrection/inventoryList', params),    
+  },
 }
 
diff --git a/web/src/components/table/Pagination.vue b/web/src/components/table/Pagination.vue
new file mode 100644
index 0000000..46cfa39
--- /dev/null
+++ b/web/src/components/table/Pagination.vue
@@ -0,0 +1,78 @@
+<template>
+  <div class="pagination-container">
+    <el-pagination @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10, 20, 30]"
+      :total="total" :current-page="pageNum" :page-size="pageSize"
+      layout="total, sizes, prev, pager, next, jumper"></el-pagination>
+  </div>
+</template>
+<script>
+export default {
+  name: "pagination",
+  data() {
+    return {};
+  },
+  props: {
+    // 总页数
+    total: {
+      type: Number,
+    },
+    // 当前页
+    pageNum: {
+      type: Number,
+    },
+    // 每页显示条数
+    pageSize: {
+      type: Number,
+    },
+  },
+  methods: {
+    // 当前页码变化
+    handleCurrentChange(val) {
+      this.$emit("change-page-num", val);
+    },
+    //  每页查看条数变化
+    handleSizeChange(val) {
+      this.$emit("change-page-size", val);
+    },
+  },
+  // watch: {
+  //   pageSize: {
+  //     // immediate: true,
+  //     handler(newValue, oldValue) {
+  //       this.page._pageSize = this.newValue;
+  //       console.log("pageSize", newValue, oldValue);
+  //     },
+  //   },
+  //   pageNum: {
+  //     // immediate: true,
+  //     handler(newValue, oldValue) {
+  //       this.page._currentPage = newValue;
+  //       console.log("pageNum", newValue, oldValue);
+  //     },
+  //   },
+  // },
+};
+</script>
+<style lang="scss" scoped>
+// 主体底部样式
+::v-deep.el-pagination .btn-prev,
+::v-deep.el-pagination .btn-next,
+::v-deep.el-pagination .el-pager li {
+  background-color: rgba(20, 25, 58, 0.4);
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  font-weight: 400;
+  color: #E2E4E9;
+  border-radius: 4px;
+}
+
+::v-deep.el-pagination .el-pager li:not(.disabled).active {
+  color: #fff;
+  border: 1px solid #39B5FE;
+  background-color: #0B3562;
+  font-weight: 400;
+}
+
+.pagination-container {
+  margin-top: 30px;
+}
+</style>
\ No newline at end of file
diff --git a/web/src/components/table/Table.vue b/web/src/components/table/Table.vue
new file mode 100644
index 0000000..ce3e9a8
--- /dev/null
+++ b/web/src/components/table/Table.vue
@@ -0,0 +1,126 @@
+<template>
+  <div>
+    <el-table v-loading="tableLoading" :data="tableData" :ref="tableRef" :size="tableSize" @row-click="rowClick"
+      @row-dblclick="rowDblClick" @selection-change="handleSelectionChange" border stripe>
+      <template v-for="(col, index) in tableColumnsConfig">
+        <!-- 选择框 -->
+        <el-table-column v-if="col.selection" width="50" :key="`selection_${index}`" type="selection" align="center">
+        </el-table-column>
+        <!-- 序号 -->
+        <el-table-column v-else-if="col.index" width="50" label="序号" :key="`index_${index}`" type="index" align="center">
+        </el-table-column>
+        <!-- 自定义 -->
+        <slot v-else-if="col.slot" :name="col.slot" show-overflow-tooltip></slot>
+        <!-- 常规col -->
+        <el-table-column v-else :key="`col_${index}`" :width="col.width" :label="col.name" :prop="col.key"
+          :show-overflow-tooltip="col.showOverflowTip || false" :align="col.align || 'center'">
+          <template #default="{ row }">
+            {{ row[col.key] }}
+          </template>
+        </el-table-column>
+      </template>
+    </el-table>
+    <!-- 分页组件 -->
+    <cPagination :total="pageTotal" :page-num.sync="pageNum" :page-size.sync="pageSize" @change-page-num="changePageNum"
+      @change-page-size="changePageSize" />
+  </div>
+</template>
+<script>
+import cPagination from "@/components/table/Pagination"
+export default {
+  name: "cTable",
+  data() {
+    return {
+      time: null
+    };
+  },
+  props: {
+    tableData: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    tableHeight: {
+      type: Number,
+      default: null
+    },
+    tableLoading: {
+      type: Boolean,
+      default: false
+    },
+    tableRef: {
+      type: String,
+      default: "multipleTable"
+    },
+    tableSize: {
+      type: String,
+      default: "mini"
+    },
+    tableColumnsConfig: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    pageTotal: {
+      type: Number
+    },
+    pageNum: {
+      type: Number,
+      default: 1
+    },
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    pageChange: {
+      type: Function,
+      default: () => { }
+    },
+    handleSelection: {
+      type: Function,
+      default: () => { }
+    }
+  },
+  components: {
+    cPagination
+  },
+  methods: {
+    changePageNum(val) {
+      // console.log(val)
+      // this.pageNum = val
+      this.$emit("update:pageNum", val);
+      this.pageChange();
+    },
+    changePageSize(val) {
+      this.$emit("update:pageSize", val);
+      if (val * (this.pageNum - 1) <= this.pageTotal) {
+        this.pageChange();
+      }
+    },
+    // 单击
+    rowClick() {
+      // this.time && clearTimeout(this.time);
+      // this.time = setTimeout(() => {
+      //   this.$refs[this.tableRef].toggleRowSelection(row);
+      // }, 200);
+    },
+    // 双击
+    rowDblClick() {
+      // this.time && clearTimeout(this.time);
+    },
+    clearSelection() {
+      this.$refs[this.tableRef].clearSelection();
+    },
+    handleSelectionChange(val) {
+      this.handleSelection(val);
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.el-table {
+  border: none;
+}
+</style>
\ No newline at end of file
diff --git a/web/src/views/MaterialsIndex/EmbeddedIndex.vue b/web/src/views/MaterialsIndex/EmbeddedIndex.vue
new file mode 100644
index 0000000..8bf637a
--- /dev/null
+++ b/web/src/views/MaterialsIndex/EmbeddedIndex.vue
@@ -0,0 +1,82 @@
+<template>
+    <div class="main">
+        <div class="main_tabs">
+            <el-tabs v-model="activeName" @tab-click="handleClick">
+                <el-tab-pane label="库存管理" name="first">
+                    <embedded-invent ref="Invent"></embedded-invent>
+                </el-tab-pane>
+                <el-tab-pane label="消耗记录" name="third">
+                    <embedded-cost ref="Costs"></embedded-cost>
+                </el-tab-pane>
+                <el-tab-pane label="入库记录" name="second">
+                    <embedded-income ref="Income"></embedded-income>
+                </el-tab-pane>
+                <el-tab-pane label="校正记录" name="fourth">
+                    <embedded-check ref="checks"></embedded-check>
+                </el-tab-pane>
+                <el-tab-pane label="预埋件种类" name="five">
+                    <embedded-type ref="Auxiliary"></embedded-type>
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+    </div>
+</template>
+<script>
+import EmbeddedInvent from './components/embedded/Invent'//库存管理
+import EmbeddedCost from './components/embedded/Cost'//消耗记录
+import EmbeddedIncome from './components/embedded/Income'//入库记录
+import EmbeddedCheck from './components/embedded/Check'//校正记录
+import EmbeddedType from './components/embedded/Type'//预埋件种类
+export default {
+    components: {
+        EmbeddedInvent,
+        EmbeddedCost,
+        EmbeddedIncome,
+        EmbeddedCheck,
+        EmbeddedType
+    },
+    data() {
+        return {
+            activeName: 'first'
+        }
+    },
+    mounted() {
+        this.$refs.Invent.searchButtonInfo(true);
+    },
+    methods: {
+        //切换界面
+        handleClick(tab) {
+            switch (tab.name) {
+                case 'second':
+                    this.$refs.Income.searchButtonInfo(true);
+                    this.$refs.Income.getNameList()
+                    break;
+                case 'third':
+                    this.$refs.Costs.searchButtonInfo(true);
+                    this.$refs.Costs.getNameList()
+                    break;
+                case 'fourth':
+                    this.$refs.checks.searchButtonInfo(true);
+                    break;
+                case 'five':
+                    this.$refs.Auxiliary.searchButtonInfo(true);
+                    this.$refs.Auxiliary.getAllTypes();
+                    break;
+                default:
+                    this.$refs.Invent.searchButtonInfo(true);
+            }
+        },
+    }
+}
+</script>
+<style scoped lang="scss">
+@import'@/style/layout-main.scss';
+
+/deep/ .el-tabs__content {
+    position: static;
+}
+
+/deep/.main {
+    background: none;
+}
+</style>
\ No newline at end of file
diff --git a/web/src/views/MaterialsIndex/components/embedded/Check.vue b/web/src/views/MaterialsIndex/components/embedded/Check.vue
new file mode 100644
index 0000000..2ccf782
--- /dev/null
+++ b/web/src/views/MaterialsIndex/components/embedded/Check.vue
@@ -0,0 +1,212 @@
+<template>
+  <div class="main tabs_main" style="height:89%">
+    <div class="main_header">
+      <div class="header_item">
+        <span class="header_label">预埋件名称:</span>
+        <el-input v-model="search.embedmentName" :size="size" clearable placeholder="请输入预埋件名称"></el-input>
+      </div>
+      <!-- <div class="header_item">
+        <span class="header_label">规格型号:</span>
+        <el-select v-model="search.steelModel" placeholder="请选择规格型号">
+            <el-option
+            v-for="item in optionsModels"
+            :key="item.dictId"
+            :label="item.dictName"
+            :value="item.dictId">
+            </el-option>
+        </el-select>
+      </div> -->
+      <!-- <div class="header_item">
+        <span class="header_label">校正时间:</span>
+        <el-date-picker
+            v-model="search.time"
+            type="daterange"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            range-separator="-"
+            start-placeholder="起始时间"
+            end-placeholder="结束时间">
+        </el-date-picker>
+      </div> -->
+      <div class="header_item">
+        <el-button :size="size" icon="el-icon-search" v-if="showButton('search')"
+          @click="searchButtonInfo(true)">查询</el-button>
+      </div>
+    </div>
+    <div class="main_content">
+      <el-table v-loading="loading" :data="dataList" height="100%">
+        <el-table-column align="center" label="序号" width="60">
+          <template #default="scope">
+            <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" label="校正时间" align="center" width="180"></el-table-column>
+        <el-table-column prop="createUser" label="校正人" align="center"></el-table-column>
+        <el-table-column prop="embedmentName" label="预埋件名称" align="center"></el-table-column>
+        <el-table-column prop="embedmentModel" label="规格型号" align="center"></el-table-column>
+        <el-table-column prop="unit" label="计量单位" align="center"></el-table-column>
+        <el-table-column prop="correctionNum" label="校正数量" align="center"></el-table-column>
+        <el-table-column prop="correctionBefore" label="校正前库存" align="center"></el-table-column>
+        <el-table-column prop="correctionAfter" label="校正后库存" align="center"></el-table-column>
+        <el-table-column prop="remark" label="备注" align="center" show-overflow-tooltip></el-table-column>
+      </el-table>
+    </div>
+    <div class="main_footer">
+      <el-pagination background @current-change="changePageNum" @size-change="changePageSize" :current-page="pageNum"
+        :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
+        :total="total">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import {buttonPinia} from '@/pinia/index';
+import {changeSize} from '@/plugins/public'; // 导入节流、动态切换组件尺寸方法
+export default {
+  data() {
+    return {
+      size: changeSize(), // 组件尺寸
+      pageNum: 1,
+      pageSize: 10,
+      search: {},//查询条件
+      total: 0,
+      loading: false,
+      dataList: [], //校正记录管理信息列表
+      asyncTitle: true, // 对话框title 新增:true  修改:false
+      asyncVisible: false, // 添加 修改对话框
+      ruleForm: {
+      }, // 按钮表单
+      rules: {
+        supplierNo: [{
+          required: true,
+          message: '请输入供应商编号',
+          trigger: 'blur'
+        }],
+        optionsType: [{
+          required: true,
+          message: '请选择供应商类型',
+          trigger: 'change'
+        }],
+        supplierName: [{
+          required: true,
+          message: '请输入供应商企业名称',
+          trigger: 'blur'
+        }],
+        legalPerson: [{
+          required: true,
+          message: '请输入法定代表人',
+          trigger: 'blur'
+        }],
+        succ: [{
+          required: true,
+          message: '请输入统一社会信用代码',
+          trigger: 'blur'
+        }, {
+          validator: (rule, value, callback) => {
+            const reg = /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/
+            if (reg.test(value)) {
+              callback()
+            } else {
+              callback(new Error('请输入正确格式'))
+            }
+          },
+          trigger: 'blur'
+        }],
+        contact: [{
+          required: true,
+          message: '请输入联系人',
+          trigger: 'blur'
+        }],
+        email: [{
+          required: false,
+          message: '请输入邮箱',
+          trigger: 'blur'
+        }, {
+          type: 'email',
+          message: '请输入正确的邮箱地址',
+          trigger: 'blur'
+        }],
+        contactPhone: [{
+          required: true,
+          message: '请输入联系电话',
+          trigger: 'blur'
+        }, {
+          validator: (rule, value, callback) => {
+            const reg = /^1[3456789]\d{9}$/
+            if (reg.test(value)) {
+              callback()
+            } else {
+              callback(new Error('请输入正确格式'))
+            }
+          },
+          trigger: 'blur'
+        }],
+        address: [{
+          required: true,
+          message: '请输入公司地址',
+          trigger: 'blur'
+        }],
+      },
+      optionsRebar: [],//钢筋名称
+      optionsModels: [],//规格型号
+    }
+  },
+  watch: {
+    asyncVisible(bol) {
+      if (!bol) {
+        this.ruleForm = {};
+        this.$refs.ruleForm.resetFields();
+      }
+    }
+  },
+  mounted() {
+    const that = this;
+    // 根据窗口大小动态修改组件尺寸
+    window.onresize = () => {
+      that.size = changeSize();
+    }
+  },
+  methods: {
+    // 查询按钮列表信息
+    searchButtonInfo(bol) {
+      if (bol) {
+        this.pageNum = 1;
+      }
+      let params = Object.assign({}, this.search, {
+        pageNum: this.pageNum,
+        pageSize: this.pageSize
+      })
+      params.strTime = this.search.time && this.search.time[0]
+      params.endTime = this.search.time && this.search.time[1]
+      delete params.time
+      this.loading = true;
+      this.$api.Materials.embedded.checkGetLists(params).then((res) => {
+        if (res.statusMsg === 'ok') {
+          this.total = res.data.total;
+          this.dataList = res.data.list;
+        }
+        this.loading = false;
+      })
+    },
+    // 判断按钮权限信息
+    showButton(str) {
+      const pinia = buttonPinia();
+      return pinia.$state.buttonInfo.includes(str);
+    },
+    // 切换页数
+    changePageNum(page) {
+      this.pageNum = page;
+      this.searchButtonInfo();
+    },
+    // 切换每页条数
+    changePageSize(size) {
+      this.pageSize = size;
+      this.searchButtonInfo();
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/style/layout-main.scss';
+</style>
\ No newline at end of file
diff --git a/web/src/views/MaterialsIndex/components/embedded/Cost.vue b/web/src/views/MaterialsIndex/components/embedded/Cost.vue
new file mode 100644
index 0000000..94653b8
--- /dev/null
+++ b/web/src/views/MaterialsIndex/components/embedded/Cost.vue
@@ -0,0 +1,316 @@
+<template>
+  <div class="main tabs_main" style="height:89%">
+    <div class="main_header">
+      <div class="header_item">
+        <span class="header_label">预埋件名称:</span>
+        <el-select v-model="search.embedmentId" placeholder="请选择预埋件型号" clearable>
+          <el-option v-for="item in optionsNames" :key="item.id" :label="`${item.embedmentName} - ${item.embedmentModel}`"
+            :value="item.id">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="header_item">
+        <span class="header_label">时间范围:</span>
+        <el-date-picker v-model="search.time" type="daterange" :default-time="['00:00:00', '23:59:59']" clearable
+          value-format="yyyy-MM-dd HH:mm:ss" range-separator="-" start-placeholder="起始时间" end-placeholder="结束时间">
+        </el-date-picker>
+      </div>
+      <div class="header_item">
+        <el-button icon="el-icon-search" v-if="showButton('search')" @click="searchButtonInfo(true)">查询</el-button>
+        <el-button class="search_btn" icon="el-icon-plus" v-if="showButton('insert')" @click="insertProp">新增</el-button>
+      </div>
+    </div>
+    <div class="main_content">
+      <el-table v-loading="loading" :data="dataList" height="100%">
+        <el-table-column align="center" label="序号" width="60">
+          <template #default="scope">
+            <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="embedmentName" label="预埋件名称" align="center" width="180"></el-table-column>
+        <el-table-column prop="embedmentModel" label="规格型号" align="center" width="120"></el-table-column>
+        <el-table-column prop="changeStock" label="出库数量" align="center"></el-table-column>
+        <el-table-column prop="singlePrice" label="单价" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column prop="amount" label="金额" align="center"></el-table-column>
+        <el-table-column prop="createUser" label="发料人" align="center"></el-table-column>
+        <el-table-column prop="createTime" label="出库时间" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column prop="remark" label="备注" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column label="操作" align="center" width="140">
+          <template #default="scope">
+            <el-button class="table_btn" size="mini" v-if="showButton('update')"
+              @click="updateProp(scope.$index)">修改</el-button>
+            <el-button class="delete_btn" size="mini" v-if="showButton('delete')"
+              @click="deleteInfo(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div class="main_footer">
+      <el-pagination background @current-change="changePageNum" @size-change="changePageSize" :current-page="pageNum"
+        :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
+        :total="total">
+      </el-pagination>
+    </div>
+    <el-dialog class="prop_dialog" :title="asyncTitle ? '新增出库' : '修改出库信息'" :close-on-click-modal="false"
+      :visible.sync="asyncVisible" width="35%">
+      <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="auto" class="rule_form">
+        <el-form-item label="预埋件名称:" prop="embedmentId">
+          <el-select v-model="ruleForm.embedmentId" placeholder="请选择预埋件名称" @change="changeName">
+            <el-option v-for="item in optionsNames" :key="item.id"
+              :label="`${item.embedmentName} - ${item.embedmentModel}`" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="规格型号:" prop="embedmentModel">
+          <el-input v-model="ruleForm.embedmentModel" placeholder="请选择规格型号" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="出库数量:" prop="changeStock">
+          <el-input v-model="ruleForm.changeStock" :size="size" type="number" clearable placeholder="请输入出库数量"></el-input>
+        </el-form-item>
+        <el-form-item label="单价:" prop="singlePrice">
+          <el-input v-model="ruleForm.singlePrice" type="number" :size="size" clearable placeholder="请输入单价"
+            @blur="priceChange"></el-input>
+        </el-form-item>
+        <el-form-item label="金额:" prop="amount">
+          <el-input v-model="ruleForm.amount" :size="size" clearable placeholder="请输入金额" :disabled="disabled"></el-input>
+        </el-form-item>
+        <el-form-item label="备注:" prop="remark">
+          <el-input v-model="ruleForm.remark" :size="size" type="textarea" :rows="2" clearable
+            placeholder="请输入备注"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="asyncVisible = false">取 消</el-button>
+        <el-button class="submit_btn" @click="asyncTitle ? submitInsert() : submitUpdate()">提 交</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {buttonPinia} from '@/pinia/index';
+import {throttle, changeSize} from '@/plugins/public'; // 导入节流、动态切换组件尺寸方法
+export default {
+  data() {
+    return {
+      size: changeSize(), // 组件尺寸
+      pageNum: 1,
+      pageSize: 10,
+      search: {},//查询条件
+      total: 0,
+      loading: false,
+      disabled: false,//是否禁止修改
+      dataList: [], //入库记录信息列表
+      asyncTitle: true, // 对话框title 新增:true  修改:false
+      asyncVisible: false, // 添加 修改对话框
+      ruleForm: {
+        embedmentModel: '',
+      }, // 按钮表单
+      rules: {
+        embedmentId: [{
+          required: true,
+          message: '请选择预埋件名称',
+          trigger: 'change'
+        }],
+        changeStock: [{
+          required: true,
+          message: '请输入出库数量',
+          trigger: 'blur'
+        }],
+        embedmentModel: [{
+          required: true,
+          message: '请选择规格型号',
+          trigger: 'blur'
+        }],
+        singlePrice: [{
+          required: true,
+          message: '请输入单价',
+          trigger: 'blur'
+        }],
+        amount: [{
+          required: true,
+          message: '请输入金额',
+          trigger: 'blur'
+        }],
+      },
+      optionsNames: [],//预埋件名称
+    }
+  },
+  watch: {
+    asyncVisible(bol) {
+      if (!bol) {
+        this.ruleForm = {};
+        this.$refs.ruleForm.resetFields();
+      }
+    }
+  },
+  mounted() {
+    const that = this;
+    // 根据窗口大小动态修改组件尺寸
+    window.onresize = () => {
+      that.size = changeSize();
+    }
+  },
+  methods: {
+    //计算金额
+    priceChange() {
+      console.log(this.ruleForm.singlePrice, '******', this.ruleForm.changeStock, '大白话')
+      if (this.ruleForm.changeStock !== undefined && this.ruleForm.changeStock !== undefined) {
+        this.$set(this.ruleForm, 'amount', this.ruleForm.singlePrice * 1 * this.ruleForm.changeStock)
+      } else {
+        this.$set(this.ruleForm, 'amount', ' ')
+      }
+    },
+    //获取所有预埋件名称
+    getNameList() {
+      let params = {
+        pageNum: 1,
+        pageSize: 100000000
+      }
+      this.$api.Materials.embedded.typeGetLists(params).then(res => {
+        if (res.statusMsg === 'ok') {
+          this.optionsNames = res.data.list
+        }
+      })
+    },
+    // 转圈圈
+    functionLoading() {
+      this.loadingView = this.$loading({
+        lock: true,
+        text: '请稍后...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      });
+    },
+    // 查询按钮列表信息
+    searchButtonInfo(bol) {
+      if (bol) {
+        this.pageNum = 1;
+      }
+      let params = Object.assign({}, this.search, {
+        pageNum: this.pageNum,
+        pageSize: this.pageSize,
+        stockType: 2
+      })
+      params.strTime = this.search.time && this.search.time[0]
+      params.endTime = this.search.time && this.search.time[1]
+      delete params.time
+      this.loading = true;
+      this.$api.Materials.embedded.costGetLists(params).then((res) => {
+        if (res.statusMsg === 'ok') {
+          this.total = res.data.total;
+          this.dataList = res.data.list;
+        } else {
+          this.$message.warning(res.statusMsg)
+        }
+        this.loading = false;
+      })
+    },
+    // 根据预埋件名称选择规格型号
+    changeName(val) {
+      const array = this.optionsNames
+      for (let index = 0; index < array.length; index++) {
+        const item = array[index]
+        if (item.id === val) {
+          this.ruleForm.embedmentModel = item.embedmentModel
+          break
+        }
+      }
+    },
+    // 修改按钮信息
+    updateProp(index) {
+      this.asyncTitle = false;
+      this.asyncVisible = true;
+      this.disabled = true
+      this.ruleForm = this.dataList[index]
+    },
+    // 新增按钮信息
+    insertProp() {
+      this.asyncTitle = true;
+      this.asyncVisible = true;
+      this.disabled = true
+    },
+    // 删除按钮信息
+    deleteInfo(row) {
+      this.$confirm("该操作将删除该信息,是否继续删除?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.$api.Materials.embedded.costDel({id: row.id})
+          .then(res => {
+            if (res.statusMsg === 'ok') {
+              this.searchButtonInfo(true);
+              this.$message.success("删除成功!");
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+      })
+        .catch(() => {
+          this.$message.warning("您已取消");
+        })
+    },
+    // 提交添加按钮信息
+    submitInsert: throttle(function () {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          const params = Object.assign({}, this.ruleForm);
+          params.changeStock = this.ruleForm.changeStock * 1
+          params.singlePrice = this.ruleForm.singlePrice * 1
+          params.stockType = 2
+          this.$api.Materials.embedded.costInser(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.asyncVisible = false;
+              this.searchButtonInfo(true);
+              this.$message.success('添加成功!');
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+        }
+      })
+    }, 3000),
+
+    // 提交修改按钮信息
+    submitUpdate: throttle(function () {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          const params = Object.assign({}, this.ruleForm);
+          params.changeStock = this.ruleForm.changeStock * 1
+          params.singlePrice = this.ruleForm.singlePrice * 1
+          params.stockType = 2
+          this.$api.Materials.embedded.costUpdate(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.asyncVisible = false;
+              this.searchButtonInfo(true);
+              this.$message.success('修改成功!');
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+        }
+      })
+    }, 3000),
+    // 判断按钮权限信息
+    showButton(str) {
+      const pinia = buttonPinia();
+      return pinia.$state.buttonInfo.includes(str);
+    },
+    // 切换页数
+    changePageNum(page) {
+      this.pageNum = page;
+      this.searchButtonInfo();
+    },
+    // 切换每页条数
+    changePageSize(size) {
+      this.pageSize = size;
+      this.searchButtonInfo();
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/style/layout-main.scss';
+</style>
\ No newline at end of file
diff --git a/web/src/views/MaterialsIndex/components/embedded/Income.vue b/web/src/views/MaterialsIndex/components/embedded/Income.vue
new file mode 100644
index 0000000..806678f
--- /dev/null
+++ b/web/src/views/MaterialsIndex/components/embedded/Income.vue
@@ -0,0 +1,369 @@
+<template>
+  <div class="main tabs_main" style="height:89%">
+    <div class="main_header">
+      <div class="header_item">
+        <span class="header_label">预埋件名称:</span>
+        <el-input v-model="search.embedmentName" placeholder="请选择预埋件名称" clearable></el-input>
+      </div>
+      <div class="header_item">
+        <span class="header_label">规格型号:</span>
+        <el-select v-model="search.embedmentModel" placeholder="请选择规格型号" clearable>
+          <el-option v-for="item in optionsNames" :key="item.id" :label="item.embedmentModel"
+            :value="item.embedmentModel">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="header_item">
+        <span class="header_label">时间范围:</span>
+        <el-date-picker v-model="search.time" type="daterange" :default-time="['00:00:00', '23:59:59']" clearable
+          value-format="yyyy-MM-dd HH:mm:ss" range-separator="-" start-placeholder="起始时间" end-placeholder="结束时间">
+        </el-date-picker>
+      </div>
+      <div class="header_item">
+        <el-button icon="el-icon-search" v-if="showButton('search')" @click="searchButtonInfo(true)">查询</el-button>
+        <el-button class="search_btn" icon="el-icon-plus" v-if="showButton('insert')" @click="insertProp">新增</el-button>
+        <el-button icon="el-icon-upload2" v-if="showButton('export')" @click="exportIncomeData">导出Excel</el-button>
+        <el-button icon="el-icon-postcard" v-if="showButton('export')" @click="exportIncomeFile">导出模板</el-button>
+        <el-upload class="upload-demo" style="margin-left:10px" action="" :multiple="false" :http-request="httpRequest"
+          :show-file-list="false" :file-list="fileList">
+          <el-button icon="el-icon-download" v-if="showButton('exportIn')" :size="size">导入Excel</el-button>
+        </el-upload>
+      </div>
+    </div>
+    <div class="main_content">
+      <el-table v-loading="loading" :data="dataList" height="100%">
+        <el-table-column align="center" label="序号" width="60">
+          <template #default="scope">
+            <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="embedmentName" label="预埋件名称" align="center" width="180"></el-table-column>
+        <el-table-column prop="embedmentModel" label="规格型号" align="center" width="120"></el-table-column>
+        <el-table-column prop="changeStock" label="入库数量" align="center"></el-table-column>
+        <el-table-column prop="singlePrice" label="单价" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column prop="amount" label="金额" align="center"></el-table-column>
+        <el-table-column prop="createTime" label="入库时间" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column prop="remark" label="备注" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column label="操作" align="center" width="140">
+          <template #default="scope">
+            <el-button class="table_btn" size="mini" v-if="showButton('update')"
+              @click="updateProp(scope.$index)">修改</el-button>
+            <el-button class="delete_btn" size="mini" v-if="showButton('delete')"
+              @click="deleteInfo(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div class="main_footer">
+      <el-pagination background @current-change="changePageNum" @size-change="changePageSize" :current-page="pageNum"
+        :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
+        :total="total">
+      </el-pagination>
+    </div>
+    <el-dialog class="prop_dialog" :title="asyncTitle ? '新增入库' : '修改入库信息'" :close-on-click-modal="false"
+      :visible.sync="asyncVisible" width="35%">
+      <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="auto" class="rule_form">
+        <el-form-item label="预埋件名称:" prop="embedmentId">
+          <el-select v-model="ruleForm.embedmentId" :size="size" placeholder="请选择预埋件名称" @change="changeName">
+            <el-option v-for="item in optionsNames" :key="item.id"
+              :label="`${item.embedmentName} - ${item.embedmentModel}`" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="规格型号:" prop="embedmentModel">
+          <el-input v-model="ruleForm.embedmentModel" placeholder="请选择规格型号" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="入库数量:" prop="changeStock">
+          <el-input v-model="ruleForm.changeStock" :size="size" type="number" clearable placeholder="请输入入库数量"
+            @blur="priceChange"></el-input>
+        </el-form-item>
+        <el-form-item label="单价:" prop="singlePrice">
+          <el-input v-model="ruleForm.singlePrice" type="number" :size="size" clearable placeholder="请输入单价"
+            @blur="priceChange"></el-input>
+        </el-form-item>
+        <el-form-item label="金额:" prop="amount">
+          <el-input v-model="ruleForm.amount" :size="size" clearable placeholder="请输入金额" :disabled="disabled"></el-input>
+        </el-form-item>
+        <el-form-item label="备注:" prop="remark">
+          <el-input v-model="ruleForm.remark" :size="size" type="textarea" :rows="2" clearable
+            placeholder="请输入备注"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="asyncVisible = false">取 消</el-button>
+        <el-button class="submit_btn" @click="asyncTitle ? submitInsert() : submitUpdate()">提 交</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {buttonPinia} from '@/pinia/index';
+import {throttle, changeSize, downFiles} from '@/plugins/public'; // 导入节流、动态切换组件尺寸方法
+export default {
+  data() {
+    return {
+      size: changeSize(), // 组件尺寸
+      pageNum: 1,
+      pageSize: 10,
+      search: {},//查询条件
+      total: 0,
+      loading: false,
+      disabled: false,//是否禁止修改
+      dataList: [], //入库记录信息列表
+      asyncTitle: true, // 对话框title 新增:true  修改:false
+      asyncVisible: false, // 添加 修改对话框
+      ruleForm: {
+        embedmentModel: '',
+      }, // 按钮表单
+      rules: {
+        embedmentId: [{
+          required: true,
+          message: '请选择物品型号',
+          trigger: 'change'
+        }],
+        embedmentModel: [{
+          required: true,
+          message: '请选择供应商',
+          trigger: 'blur'
+        }],
+        changeStock: [{
+          required: true,
+          message: '请输入入库数量',
+          trigger: 'blur'
+        }],
+        singlePrice: [{
+          required: true,
+          message: '请输入单价',
+          trigger: 'blur'
+        }],
+        amount: [{
+          required: true,
+          message: '请输入金额',
+          trigger: 'blur'
+        }],
+      },
+      optionsNames: [],//物品名称
+      fileList: [],//导入
+    }
+  },
+  watch: {
+    asyncVisible(bol) {
+      if (!bol) {
+        this.ruleForm = {};
+        this.$refs.ruleForm.resetFields();
+      }
+    }
+  },
+  mounted() {
+    const that = this;
+    // 根据窗口大小动态修改组件尺寸
+    window.onresize = () => {
+      that.size = changeSize();
+    }
+  },
+  methods: {
+    //导出数据
+    exportIncomeData() {
+      this.functionLoading();
+      let params = Object.assign({}, this.search, {
+        stockType: 1
+      })
+      this.$api.Materials.embedded.incomeExportxls(params).then(res => {
+        downFiles(res, '入库记录信息', 'xls')
+        this.loadingView.close()
+      })
+        .catch(() => {
+          this.loadingView.close();
+        })
+    },
+    //计算金额
+    priceChange() {
+      if (this.ruleForm.singlePrice !== undefined && this.ruleForm.changeStock !== undefined) {
+        this.$set(this.ruleForm, 'amount', this.ruleForm.singlePrice * 1 * this.ruleForm.changeStock)
+      } else {
+        this.$set(this.ruleForm, 'amount', ' ')
+      }
+    },
+    //获取所有预埋件名称
+    getNameList() {
+      let params = {
+        pageNum: 1,
+        pageSize: 100000000
+      }
+      this.$api.Materials.embedded.typeGetLists(params).then(res => {
+        if (res.statusMsg === 'ok') {
+          this.optionsNames = res.data.list
+        }
+      })
+    },
+    //自定义上传
+    httpRequest({file}) {
+      this.functionLoading();
+      const formData = new FormData();
+      formData.set('file', file);
+      this.$api.Materials.embedded.incomeInXls(formData).then((res) => {
+        if (res.success) {
+          this.searchButtonInfo();
+          this.$message.success('上传成功!');
+          this.loadingView.close();
+        } else {
+          this.$message.warning(typeof (res.data) === 'object' ? res.statusMsg : res.data);
+          this.loadingView.close();
+        }
+      })
+        .catch(() => {
+          this.$message.error('请检查网络设置!');
+          this.loadingView.close();
+        })
+    },
+    // 转圈圈
+    functionLoading() {
+      this.loadingView = this.$loading({
+        lock: true,
+        text: '请稍后...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      });
+    },
+    //导出模板
+    exportIncomeFile() {
+      this.functionLoading();
+      this.$api.Materials.embedded.incomeExportXls({}).then(res => {
+        downFiles(res, '入库记录信息模板', 'xls')
+        this.loadingView.close()
+      })
+        .catch(() => {
+          this.loadingView.close();
+        })
+    },
+    // 查询按钮列表信息
+    searchButtonInfo(bol) {
+      if (bol) {
+        this.pageNum = 1;
+      }
+      let params = Object.assign({}, this.search, {
+        pageNum: this.pageNum,
+        pageSize: this.pageSize,
+        stockType: 1
+      })
+      params.strTime = this.search.time && this.search.time[0]
+      params.endTime = this.search.time && this.search.time[1]
+      delete params.time
+      this.loading = true;
+      this.$api.Materials.embedded.incomeGetLists(params).then((res) => {
+        if (res.statusMsg === 'ok') {
+          this.total = res.data.total;
+          this.dataList = res.data.list;
+        } else {
+          this.$message.warning(res.statusMsg)
+        }
+        this.loading = false;
+      })
+    },
+    // 根据预埋件名称选择规格型号
+    changeName(val) {
+      const array = this.optionsNames
+      for (let index = 0; index < array.length; index++) {
+        const item = array[index]
+        if (item.id === val) {
+          this.ruleForm.embedmentModel = item.embedmentModel
+          break
+        }
+      }
+    },
+    // 修改按钮信息
+    updateProp(index) {
+      this.asyncTitle = false;
+      this.asyncVisible = true;
+      this.disabled = true
+      this.ruleForm = this.dataList[index]
+    },
+    // 新增按钮信息
+    insertProp() {
+      this.asyncTitle = true;
+      this.asyncVisible = true;
+      this.disabled = true
+    },
+    // 删除按钮信息
+    deleteInfo(row) {
+      this.$confirm("该操作将删除该信息,是否继续删除?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.$api.Materials.embedded.incomeDel({id: row.id})
+          .then(res => {
+            if (res.statusMsg === 'ok') {
+              this.searchButtonInfo(true);
+              this.$message.success("删除成功!");
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+      }).catch(() => {
+        this.$message.warning("您已取消");
+      })
+    },
+    // 提交添加按钮信息
+    submitInsert: throttle(function () {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          const params = Object.assign({}, this.ruleForm);
+          params.changeStock = this.ruleForm.changeStock * 1
+          params.singlePrice = this.ruleForm.singlePrice * 1
+          params.stockType = 1
+          this.$api.Materials.embedded.incomeInsert(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.asyncVisible = false;
+              this.searchButtonInfo(true);
+              this.$message.success('添加成功!');
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+        }
+      })
+    }, 3000),
+    // 提交修改按钮信息
+    submitUpdate: throttle(function () {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          const params = Object.assign({}, this.ruleForm);
+          params.changeStock = this.ruleForm.changeStock * 1
+          params.singlePrice = this.ruleForm.singlePrice * 1
+          params.stockType = 1
+          this.$api.Materials.embedded.incomeUpdate(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.asyncVisible = false;
+              this.searchButtonInfo(true);
+              this.$message.success('修改成功!');
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+        }
+      })
+    }, 3000),
+    // 判断按钮权限信息
+    showButton(str) {
+      const pinia = buttonPinia();
+      return pinia.$state.buttonInfo.includes(str);
+    },
+    // 切换页数
+    changePageNum(page) {
+      this.pageNum = page;
+      this.searchButtonInfo();
+    },
+    // 切换每页条数
+    changePageSize(size) {
+      this.pageSize = size;
+      this.searchButtonInfo();
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/style/layout-main.scss';
+</style>
\ No newline at end of file
diff --git a/web/src/views/MaterialsIndex/components/embedded/Invent.vue b/web/src/views/MaterialsIndex/components/embedded/Invent.vue
new file mode 100644
index 0000000..fd883db
--- /dev/null
+++ b/web/src/views/MaterialsIndex/components/embedded/Invent.vue
@@ -0,0 +1,294 @@
+<template>
+  <div class="main tabs_main" style="height:89%">
+    <div class="main_header">
+      <div class="header_item">
+        <span class="header_label">预埋件名称:</span>
+        <el-input v-model="search.embedmentName" :size="size" clearable placeholder="请输入预埋件名称"></el-input>
+      </div>
+      <div class="header_item">
+        <el-button :size="size" icon="el-icon-search" v-if="showButton('search')"
+          @click="searchButtonInfo(true)">查询</el-button>
+        <el-button :size="size" icon="el-icon-upload2" v-if="showButton('export')" @click="exportFile">导出Excel</el-button>
+      </div>
+    </div>
+    <div class="main_content">
+      <el-table v-loading="loading" :data="dataList" height="100%" :cell-style="cellStyle">
+        <el-table-column align="center" label="序号" width="60">
+          <template #default="scope">
+            <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="embedmentName" label="预埋件名称" align="center"></el-table-column>
+        <el-table-column prop="embedmentModel" label="型号规格" align="center"></el-table-column>
+        <el-table-column prop="dictName" label="类别" align="center"></el-table-column>
+        <el-table-column prop="unit" label="计量单位" align="center"></el-table-column>
+        <el-table-column prop="stock" label="库存数量" align="center">
+          <template #default="{ row }">
+            {{ row.stock === null ? 0 : row.stock }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="alarmCount" label="报警数" align="center">
+          <template #default="{ row }">
+            {{ row.alarmCount === null ? 0 : row.alarmCount }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="position" label="位置" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column label="操作" align="center" width="200">
+          <template #default="scope">
+            <el-button class="table_btn" size="mini" v-if="showButton('update')"
+              @click="updateProp(scope.$index)">库存校正</el-button>
+            <el-button class="delete_btn" size="mini" v-if="showButton('update')"
+              @click="updatePropAlarm(scope.$index)">预警设置</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div class="main_footer">
+      <el-pagination background @current-change="changePageNum" @size-change="changePageSize" :current-page="pageNum"
+        :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
+        :total="total">
+      </el-pagination>
+    </div>
+    <el-dialog class="prop_dialog" :title="asyncTitle ? '预警设置' : '库存校正'" :close-on-click-modal="false"
+      :visible.sync="asyncVisible" width="35%">
+      <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="auto" class="rule_form">
+        <el-form-item label="物品名称:" prop="embedmentName">
+          <el-input v-model="ruleForm.embedmentName" :size="size" clearable placeholder="请输入物品名称"
+            :disabled="disabled"></el-input>
+        </el-form-item>
+        <el-form-item label="规格型号:" prop="embedmentModel">
+          <el-input v-model="ruleForm.embedmentModel" :size="size" clearable placeholder="请输入规格型号"
+            :disabled="disabled"></el-input>
+        </el-form-item>
+        <el-form-item label="库存数量:" prop="correctionBefore" v-if="!asyncTitle">
+          <el-input v-model="ruleForm.correctionBefore" :size="size" clearable placeholder="请输入库存数量"
+            :disabled="disabled"></el-input>
+        </el-form-item>
+        <el-form-item label="校正数量:" prop="correctionNum" v-if="!asyncTitle">
+          <el-input v-model="ruleForm.correctionNum" type="number" :size="size" clearable placeholder="请输入校正数量"
+            @blur="changeAfter"></el-input>
+        </el-form-item>
+        <el-form-item label="校正后数量:" prop="correctionAfter" v-if="!asyncTitle">
+          <el-input v-model="ruleForm.correctionAfter" :size="size" clearable placeholder="请输入校正后数量"
+            :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="预警数量:" prop="alarmCount" v-if="asyncTitle">
+          <el-input v-model="ruleForm.alarmCount" :size="size" clearable placeholder="请输入预警数量"></el-input>
+        </el-form-item>
+        <el-form-item label="备注:" prop="remark" v-if="!asyncTitle">
+          <el-input v-model="ruleForm.remark" :size="size" type="textarea" :rows="2" clearable
+            placeholder="请输入备注"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="asyncVisible = false">取 消</el-button>
+        <el-button class="submit_btn" @click="asyncTitle ? submitInsert() : submitUpdate()">提 交</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {buttonPinia} from '@/pinia/index';
+import {throttle, changeSize, downFiles} from '@/plugins/public'; // 导入节流、动态切换组件尺寸方法
+export default {
+  data() {
+    return {
+      size: changeSize(), // 组件尺寸
+      pageNum: 1,
+      pageSize: 10,
+      id: "",//一行ID
+      search: {},//查询条件
+      total: 0,
+      loading: false,
+      disabled: false,//是否禁止修改
+      dataList: [], //库存管理信息列表
+      asyncTitle: true, // 对话框title 预警设置:true  库存校正:false
+      asyncVisible: false, // 添加 修改对话框
+      ruleForm: {
+      }, // 按钮表单
+      rules: {
+        embedmentName: [{
+          required: true,
+          message: '请输入预埋件名称',
+          trigger: 'blur'
+        }],
+        embedmentModel: [{
+          required: true,
+          message: '请输入规格型号',
+          trigger: 'blur'
+        }],
+        alarmCount: [{
+          required: true,
+          message: '请输入预警数量',
+          trigger: 'blur'
+        }],
+        correctionBefore: [{
+          required: true,
+          message: '请输入库存数量',
+          trigger: 'blur'
+        }],
+        correctionNum: [{
+          required: true,
+          message: '请输入校正数量',
+          trigger: 'blur'
+        }],
+        correctionAfter: [{
+          required: true,
+          message: '请输入校正后数量',
+          trigger: 'blur'
+        }],
+      },
+    }
+  },
+  watch: {
+    asyncVisible(bol) {
+      if (!bol) {
+        this.ruleForm = {};
+        this.$refs.ruleForm.resetFields();
+      }
+    }
+  },
+  mounted() {
+    const that = this;
+    // 根据窗口大小动态修改组件尺寸
+    window.onresize = () => {
+      that.size = changeSize();
+    }
+  },
+  methods: {
+    cellStyle({row, column}) {
+      if (row.stock <= row.alarmCount && column.property == "stock") {
+        return {
+          'color': 'red'
+        }
+      }
+    },
+    //计算出校正后重量
+    changeAfter() {
+      this.$set(this.ruleForm, 'correctionAfter', this.ruleForm.correctionBefore + this.ruleForm.correctionNum * 1)
+    },
+    // 转圈圈
+    functionLoading() {
+      this.loadingView = this.$loading({
+        lock: true,
+        text: '请稍后...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      });
+    },
+    //导出Excel
+    exportFile() {
+      this.functionLoading();
+      let params = Object.assign({}, this.search)
+      this.$api.Materials.embedded.inventExportxls(params).then(res => {
+        downFiles(res, '库存管理信息', 'xls')
+        this.loadingView.close()
+      })
+        .catch(() => {
+          this.loadingView.close();
+        })
+    },
+    // 查询按钮列表信息
+    searchButtonInfo(bol) {
+      if (bol) {
+        this.pageNum = 1;
+      }
+      let params = Object.assign({}, this.search, {
+        pageNum: this.pageNum,
+        pageSize: this.pageSize
+      })
+      this.loading = true;
+      this.$api.Materials.embedded.inventGetLists(params).then((res) => {
+        if (res.statusMsg === 'ok') {
+          this.total = res.data.total;
+          this.dataList = res.data.list;
+        }
+        this.loading = false;
+      })
+    },
+    //预警设置按钮
+    updatePropAlarm(index) {
+      const row = {...this.dataList[index]}
+      this.id = row.id
+      this.asyncTitle = true;
+      this.asyncVisible = true;
+      this.disabled = true
+      this.ruleForm = row
+    },
+    //库存校正按钮
+    updateProp(index) {
+      const row = {...this.dataList[index]}
+      this.id = row.id
+      this.asyncTitle = false;
+      this.asyncVisible = true;
+      this.disabled = true
+      this.ruleForm = row
+      this.ruleForm.correctionBefore = row.stock
+      this.ruleForm.remark = row.remark
+    },
+    // 提交库存校正按钮信息
+    submitUpdate: throttle(function () {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          const params = {
+            id: this.ruleForm.id,
+            correctionNum: this.ruleForm.correctionNum,
+            correctionAfter: this.ruleForm.correctionAfter,
+            correctionBefore: this.ruleForm.correctionBefore,
+            remark: this.ruleForm.remark,
+          }
+          this.$api.Materials.embedded.inventCheck(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.asyncVisible = false;
+              this.searchButtonInfo(true);
+              this.$message.success('库存校正成功!');
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+        }
+      })
+    }, 3000),
+    // 提交预警设置按钮信息
+    submitInsert: throttle(function () {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          const params = {
+            id: this.ruleForm.id,
+            alarmCount: this.ruleForm.alarmCount
+          }
+          this.$api.Materials.embedded.inventPresAlarm(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.asyncVisible = false;
+              this.searchButtonInfo(true);
+              this.$message.success('预警设置成功!');
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+        }
+      })
+    }, 3000),
+    // 判断按钮权限信息
+    showButton(str) {
+      const pinia = buttonPinia();
+      return pinia.$state.buttonInfo.includes(str);
+    },
+    // 切换页数
+    changePageNum(page) {
+      this.pageNum = page;
+      this.searchButtonInfo();
+    },
+    // 切换每页条数
+    changePageSize(size) {
+      this.pageSize = size;
+      this.searchButtonInfo();
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/style/layout-main.scss';
+</style>
\ No newline at end of file
diff --git a/web/src/views/MaterialsIndex/components/embedded/Type.vue b/web/src/views/MaterialsIndex/components/embedded/Type.vue
new file mode 100644
index 0000000..48ad67c
--- /dev/null
+++ b/web/src/views/MaterialsIndex/components/embedded/Type.vue
@@ -0,0 +1,244 @@
+<template>
+  <div class="main tabs_main" style="height:89%">
+    <div class="main_header">
+      <div class="header_item">
+        <span class="header_label">预埋件名称:</span>
+        <el-input v-model="search.embedmentName" :size="size" clearable placeholder="请输入物品名称"></el-input>
+      </div>
+      <div class="header_item">
+        <el-button icon="el-icon-search" v-if="showButton('search')" @click="searchButtonInfo(true)">查询</el-button>
+        <el-button class="search_btn" icon="el-icon-plus" v-if="showButton('insert')" @click="insertProp">新增</el-button>
+      </div>
+    </div>
+    <div class="main_content">
+      <el-table v-loading="loading" :data="dataList" height="100%">
+        <el-table-column align="center" label="序号" width="60">
+          <template #default="scope">
+            <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="embedmentName" label="预埋件名称" align="center"></el-table-column>
+        <el-table-column prop="dictName" label="类别" align="center"></el-table-column>
+        <el-table-column prop="embedmentModel" label="型号规格" align="center"></el-table-column>
+        <el-table-column prop="unit" label="计量单位" align="center"></el-table-column>
+        <el-table-column prop="position" label="位置" align="center"></el-table-column>
+        <el-table-column prop="remark" label="备注" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column label="操作" align="center">
+          <template #default="{ row }">
+            <el-button class="table_btn" size="mini" v-if="showButton('update')" @click="updateProp(row)">修改</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div class="main_footer">
+      <el-pagination background @current-change="changePageNum" @size-change="changePageSize" :current-page="pageNum"
+        :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
+        :total="total">
+      </el-pagination>
+    </div>
+    <el-dialog class="prop_dialog" :title="asyncTitle ? '新增辅材种类' : '修改辅材种类'" :close-on-click-modal="false"
+      :visible.sync="asyncVisible" width="35%">
+      <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="auto" class="rule_form">
+        <el-form-item label="预埋件名称:" prop="embedmentName">
+          <el-input v-model="ruleForm.embedmentName" :size="size" clearable placeholder="请输入预埋件名称"
+            @input="changeInput"></el-input>
+        </el-form-item>
+        <el-form-item label="类别:" prop="embedmentType">
+          <el-select v-model="ruleForm.embedmentType" placeholder="请选择类别">
+            <el-option v-for="item in optionsType" :key="item.dictId" :label="item.dictName" :value="item.dictId">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="规格型号:" prop="embedmentModel">
+          <el-input v-model="ruleForm.embedmentModel" :size="size" clearable placeholder="请输入规格型号"></el-input>
+        </el-form-item>
+        <el-form-item label="计量单位:" prop="unit">
+          <el-input v-model="ruleForm.unit" :size="size" clearable placeholder="请输入计量单位"></el-input>
+        </el-form-item>
+        <el-form-item label="位置:" prop="position">
+          <el-input v-model="ruleForm.position" :size="size" clearable placeholder="请输入位置"></el-input>
+        </el-form-item>
+        <el-form-item label="备注:" prop="remark">
+          <el-input v-model="ruleForm.remark" :size="size" clearable placeholder="请输入备注" type="textarea"
+            :rows="2"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="asyncVisible = false">取 消</el-button>
+        <el-button class="submit_btn" @click="asyncTitle ? submitInsert() : submitUpdate()">提 交</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {buttonPinia} from '@/pinia/index';
+import {throttle, changeSize} from '@/plugins/public'; // 导入节流、动态切换组件尺寸方法
+export default {
+  data() {
+    return {
+      size: changeSize(), // 组件尺寸
+      pageNum: 1,
+      pageSize: 10,
+      search: {},//查询条件
+      total: 0,
+      loading: false,
+      optionsType: [],//辅材类别
+      dataList: [], //辅材种类信息列表
+      asyncTitle: true, // 对话框title 新增:true  修改:false
+      asyncVisible: false, // 添加 修改对话框
+      ruleForm: {}, // 按钮表单
+      rules: {
+        embedmentName: [{
+          required: true,
+          message: '请输入物品名称',
+          trigger: 'blur'
+        }],
+        embedmentModel: [{
+          required: true,
+          message: '请输入规格型号',
+          trigger: 'blur'
+        }],
+        unit: [{
+          required: true,
+          message: '请输入单位',
+          trigger: 'blur'
+        }],
+        position: [{
+          required: true,
+          message: '请输入位置',
+          trigger: 'blur'
+        }],
+      },
+    }
+  },
+  watch: {
+    asyncVisible(bol) {
+      if (!bol) {
+        this.ruleForm = {};
+        this.$refs.ruleForm.resetFields();
+      }
+    }
+  },
+  mounted() {
+    const that = this;
+    // 根据窗口大小动态修改组件尺寸
+    window.onresize = () => {
+      that.size = changeSize();
+    }
+    that.searchButtonInfo(true);
+  },
+  methods: {
+    //输入增加限制
+    changeInput(val) {
+      let reg = RegExp(/-/)
+      if (reg.test(val)) {
+        this.$message.warning('禁止输入‘-’字符!!!')
+        this.$set(this.ruleForm, 'embedmentName', '')
+      }
+    },
+    //获取辅材类别信息
+    getAllTypes() {
+      let params = {
+        pageNum: 1,
+        pageSize: 100000000
+      }
+      this.$api.Materials.embedded.typeModels(params).then(res => {
+        if (res.statusMsg === 'ok') {
+          this.optionsType = res.data
+        } else {
+          this.$message.warning(res.statusMsg)
+        }
+      })
+    },
+    // 查询按钮列表信息
+    searchButtonInfo(bol) {
+      if (bol) {
+        this.pageNum = 1;
+      }
+      let params = Object.assign({}, this.search, {
+        pageNum: this.pageNum,
+        pageSize: this.pageSize
+      })
+      this.loading = true;
+      this.$api.Materials.embedded.typeGetLists(params).then((res) => {
+        if (res.statusMsg === 'ok') {
+          this.total = res.data.total;
+          this.dataList = res.data.list;
+        }
+        this.loading = false;
+      })
+    },
+    // 新增按钮信息
+    insertProp() {
+      this.asyncTitle = true;
+      this.asyncVisible = true;
+    },
+    // 修改按钮信息
+    updateProp(row) {
+      this.asyncTitle = false;
+      this.asyncVisible = true;
+      this.$api.Materials.embedded.typeDetail({id: row.id}).then(res => {
+        if (res.statusMsg === 'ok') {
+          this.ruleForm = res.data
+        } else {
+          this.$message.warning(res.statusMsg)
+        }
+      })
+    },
+    // 提交添加按钮信息
+    submitInsert: throttle(function () {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          const params = Object.assign({}, this.ruleForm);
+          this.$api.Materials.embedded.typeInsert(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.asyncVisible = false;
+              this.searchButtonInfo(true);
+              this.$message.success('添加成功!');
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+        }
+      })
+    }, 3000),
+    // 提交修改按钮信息
+    submitUpdate: throttle(function () {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          const params = Object.assign({}, this.ruleForm);
+          this.$api.Materials.embedded.typeUpdate(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.asyncVisible = false;
+              this.searchButtonInfo(true);
+              this.$message.success('修改成功!');
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+        }
+      })
+    }, 3000),
+    // 判断按钮权限信息
+    showButton(str) {
+      const pinia = buttonPinia();
+      return pinia.$state.buttonInfo.includes(str);
+    },
+    // 切换页数
+    changePageNum(page) {
+      this.pageNum = page;
+      this.searchButtonInfo();
+    },
+    // 切换每页条数
+    changePageSize(size) {
+      this.pageSize = size;
+      this.searchButtonInfo();
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/style/layout-main.scss';
+</style>
\ No newline at end of file
diff --git a/web/src/views/ProductPlan/DuctPracticalRaw.vue b/web/src/views/ProductPlan/DuctPracticalRaw.vue
index abfec61..0cd4233 100644
--- a/web/src/views/ProductPlan/DuctPracticalRaw.vue
+++ b/web/src/views/ProductPlan/DuctPracticalRaw.vue
@@ -6,11 +6,11 @@
       <div class="header_item">
         <span class="header_label">日期:</span>
         <el-date-picker v-model="datePicker" type="daterange" range-separator="至" start-placeholder="开始日期"
-          end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss" @change="dateChange">
+          end-placeholder="结束日期" value-format="yyyy-MM-dd" @change="dateChange">
         </el-date-picker>
       </div>
       <div class="header_item">
-        <el-button icon="el-icon-search" v-if="showButton('search')" @click="query">查询</el-button>
+        <el-button icon="el-icon-search" v-if="showButton('search')" @click="queryReset">查询</el-button>
         <el-button class="search_btn" icon="el-icon-plus" v-if="showButton('insert')" @click="addRow">新增</el-button>
         <el-button icon="el-icon-upload2" v-if="showButton('export')" @click="exportExcel">导出Excel</el-button>
       </div>
@@ -25,13 +25,16 @@
           </template>
         </el-table-column>
         <!--  -->
-        <el-table-column align="center" label="操作" width="74">
+        <el-table-column align="center" label="操作" width="76">
           <template #default="{ row }">
-            <el-button size="mini" @click="copyRow(row)">复制</el-button>
+            <el-button class="copyBtn" size="mini" @click="copyRow(row)">复制</el-button>
           </template>
         </el-table-column>
         <!--  -->
-        <el-table-column prop="materialReleaseTime" align="center" label="时间">
+        <el-table-column prop="materialReleaseTime" align="center" label="记录时间" width="136">
+        </el-table-column>
+        <!--  -->
+        <el-table-column prop="dataTime" align="center" label="数据日期" width="86">
         </el-table-column>
         <!--  -->
         <el-table-column prop="quantity" align="center" label="方量">
@@ -53,7 +56,7 @@
           </el-table-column>
         </el-table-column>
         <!--  -->
-        <el-table-column label="操作" align="center" width="138">
+        <el-table-column label="操作" align="center" width="140">
           <template #default="{ row }">
             <el-button class="table_btn" size="mini" v-if="showButton('update')" @click="updateRow(row)">修改</el-button>
             <el-button class="delete_btn" size="mini" v-if="showButton('delete')" @click="deleteRow(row)">删除</el-button>
@@ -71,27 +74,33 @@
     <!-- dialog-->
     <el-dialog class="prop_dialog" v-if="isRender" :title="dialogTitle" :visible.sync="asyncVisible" width="700px"
       @close="closeForm">
-      <el-form :inline="true" size="mini" :model="form" label-width="auto" class="rule_form">
+      <el-form :inline="true" size="mini" :model="form" :rules="rules" ref="ruleForm" label-width="auto"
+        class="rule_form">
         <!-- 理论 -->
-        <div class="elFormTitle">理论配比(kg/m³)</div>
+        <div class="labelText">理论配比(kg/m³)</div>
         <!-- 理论配比 -->
-        <el-form-item v-for="item in form.materialTheory" :key="`${item.dictId}${item.releaseType}`"
+        <el-form-item style="width:282px" v-for="item in form.materialTheory" :key="`${item.dictId}${item.releaseType}`"
           :label="item.dictName">
           <el-input placeholder="请输入" type="number" v-model="item.releaseData" @input="doCompute($event, item.dictId)"
             clearable></el-input>
         </el-form-item>
         <!-- 方量 -->
-        <el-form-item class="elFormTitle" type="number" label="方量(m³)" style="width:90%">
+        <el-form-item class="labelText2" type="number" label="方量(m³)" style="width:574px">
           <el-input placeholder="请输入" v-model="form.quantity" @input="doComputeMulti($event)"></el-input>
         </el-form-item>
+        <!-- 日期 -->
+        <el-form-item class="labelText2" type="number" label="数据日期" prop="dataTime" style="width:574px">
+          <el-date-picker v-model="form.dataTime" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
+        </el-form-item>
         <!-- 实际配比 -->
-        <el-form-item v-for="item in form.materialReal" :key="`${item.dictId}${item.releaseType}`" :label="item.dictName">
+        <el-form-item style="width:282px" v-for="item in form.materialReal" :key="`${item.dictId}${item.releaseType}`"
+          :label="item.dictName">
           <el-input type="number" v-model="item.releaseData" :disabled="true" clearable></el-input>
         </el-form-item>
       </el-form>
       <div slot="footer">
         <el-button @click="asyncVisible = false">取 消</el-button>
-        <el-button class="submit_btn" @click="onSubmit">提 交</el-button>
+        <el-button class="submit_btn" @click="onSubmit('ruleForm')">提 交</el-button>
       </div>
     </el-dialog>
   </div>
@@ -116,6 +125,9 @@
         pageSize: 10,
         strTime: '',
         endTime: ''
+      },
+      rules: {
+        dataTime: [{required: true, message: '请选择日期', trigger: 'change'}]
       },
       form: null, // 表单数据 {}
       materialNames: [], // 原料名称
@@ -148,11 +160,9 @@
       this.$api.Ducts.practicalRaw.getLists(params).then(res => {
         this.loading = false
         if (res.statusMsg === 'ok') {
-          this.total = res.data.total
-          this.dataLists = res.data.list
-
-          this.dataLists.forEach(item => {
-            // 接口返回是混一起的数据,,需要清洗.
+          let lists = res.data.list
+          // 接口返回是混一起的数据,,需要清洗.
+          lists.forEach(item => {
             item.treleaseTheoryData = []
             item.treleaseRealData = []
             item.treleaseTheoryKeys = {}
@@ -172,6 +182,8 @@
               })
             }
           })
+          this.total = res.data.total
+          this.dataLists = lists
         } else {
           this.$message.warning(res.statusMsg)
         }
@@ -198,13 +210,14 @@
       return this.materialNameKeys[id] || ''
     },
     setFormProps(options = {}) {
-      const {quantity = 1, materialTheory = [], materialReal = []} = options
+      const {quantity = 1, dataTime = null, materialTheory = [], materialReal = []} = options
       let _form = {
         quantity,   // 方量
+        dataTime,  // 数据时间
         materialTheory, // 原料理论信息
         materialReal // 原料实际信息信息
       }
-      if (materialTheory.length) {
+      if (Object.keys(options).length) {
         this.form = _form
         return
       }
@@ -256,18 +269,22 @@
     },
     closeForm() {
       this.asyncVisible = false
+      this.resetForm('ruleForm')
       this.setFormProps()
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields()
     },
     dateChange(dates) {
       dates = dates || []
-      if (dates.length) {
-        dates[1] = dates[1].slice(0, -8) + '23:59:59'
-      }
+      // if (dates.length) {
+      //   dates[1] = dates[1].slice(0, -8) + '23:59:59'
+      // }
       this.queryInfo.strTime = dates[0] || ''
       this.queryInfo.endTime = dates[1] || ''
     },
     // 查询按钮列表信息
-    query() {
+    queryReset() {
       this.queryInfo.pageNum = 1
       this.queryInfo.pageSize = 10
       this.getLists()
@@ -276,46 +293,33 @@
       this.submitMode = 'add'
       this.showForm()
     },
+    // 根据 materialNameKeys 的顺序来进行数据排序.
+    getSortRow(row) {
+      const {quantity, dataTime, treleaseTheoryData, treleaseRealData} = row
+      const sorts = Object.keys(this.materialNameKeys)
+      treleaseTheoryData.sort(function (a, b) {
+        return (sorts.indexOf(a.dictId) - sorts.indexOf(b.dictId))
+      })
+      treleaseRealData.sort(function (a, b) {
+        return (sorts.indexOf(a.dictId) - sorts.indexOf(b.dictId))
+      })
+      return {
+        quantity,
+        dataTime,
+        materialTheory: treleaseTheoryData,
+        materialReal: treleaseRealData,
+      }
+    },
     copyRow(row) {
       this.submitMode = 'copy'
       this.rowId = row.materialReleaseId
-      let _materialIds = []
-      this.materialNames.forEach(item => {
-        _materialIds.push(item.dictId)
-      })
-      row.treleaseTheoryData.sort(function (a, b) {
-        return (_materialIds.indexOf(a.dictId) - _materialIds.indexOf(b.dictId))
-      })
-      row.treleaseRealData.sort(function (a, b) {
-        return (_materialIds.indexOf(a.dictId) - _materialIds.indexOf(b.dictId))
-      })
-      let opts = {
-        quantity: row.quantity,
-        materialTheory: row.treleaseTheoryData,
-        materialReal: row.treleaseRealData,
-      }
-      this.setFormProps(opts)
+      this.setFormProps(this.getSortRow(row))
       this.showForm()
     },
     updateRow(row) {
       this.submitMode = 'update'
       this.rowId = row.materialReleaseId
-      let _materialIds = []
-      this.materialNames.forEach(item => {
-        _materialIds.push(item.dictId)
-      })
-      row.treleaseTheoryData.sort(function (a, b) {
-        return (_materialIds.indexOf(a.dictId) - _materialIds.indexOf(b.dictId))
-      })
-      row.treleaseRealData.sort(function (a, b) {
-        return (_materialIds.indexOf(a.dictId) - _materialIds.indexOf(b.dictId))
-      })
-      let opts = {
-        quantity: row.quantity,
-        materialTheory: row.treleaseTheoryData,
-        materialReal: row.treleaseRealData,
-      }
-      this.setFormProps(opts)
+      this.setFormProps(this.getSortRow(row))
       this.showForm()
     },
     deleteRow(row) {
@@ -327,7 +331,7 @@
         this.$api.Ducts.practicalRaw.delete({materialReleaseId: row.materialReleaseId})
           .then(res => {
             if (res.statusMsg === 'ok') {
-              this.query()
+              this.queryReset()
               this.$message.success("删除成功!")
             } else {
               this.$message.warning(res.statusMsg)
@@ -337,41 +341,44 @@
         this.$message.warning("您已取消");
       })
     },
-    onSubmit: throttle(function () {
-      const {quantity, materialTheory, materialReal} = this.form
-      let releaseData = [...materialTheory, ...materialReal]
-      // 为空数据,重置为0,否则接口报错
-      releaseData.forEach(item => {
-        if (!item.releaseData) {
-          item.releaseData = 0
+    onSubmit: throttle(function (formName) {
+      this.$refs[formName].validate((valid) => {
+        if (!valid) return false
+        const {quantity, dataTime, materialTheory, materialReal} = this.form
+        let releaseData = [...materialTheory, ...materialReal]
+        // releaseData是空数据需要重置为0,否则接口报错
+        releaseData.forEach(item => {
+          if (!item.releaseData) {
+            item.releaseData = 0
+          }
+        })
+        let params = {quantity, dataTime, releaseData}
+        if (this.isUpdate) {
+          // 更新
+          params.materialReleaseId = this.rowId
+          this.$api.Ducts.practicalRaw.update(params).then(res => {
+            if (res.statusMsg === 'ok') {
+              this.closeForm()
+              this.getLists()
+              this.$message.success('修改成功!')
+            } else {
+              this.$message.warning(res.statusMsg)
+            }
+          })
+        } else {
+          // 添加 | 复制
+          this.$api.Ducts.practicalRaw.insert(params).then(res => {
+            if (res.statusMsg === 'ok') {
+              this.closeForm()
+              this.getLists()
+              this.$message.success('添加成功!')
+            } else {
+              this.$message.warning(res.statusMsg)
+            }
+          })
         }
       })
-      let params = {quantity, releaseData}
-      if (this.isUpdate) {
-        // 更新
-        params.materialReleaseId = this.rowId
-        this.$api.Ducts.practicalRaw.update(params).then(res => {
-          if (res.statusMsg === 'ok') {
-            this.closeForm()
-            this.getLists()
-            this.$message.success('修改成功!')
-          } else {
-            this.$message.warning(res.statusMsg)
-          }
-        })
-      } else {
-        // 添加 复制
-        this.$api.Ducts.practicalRaw.insert(params).then(res => {
-          if (res.statusMsg === 'ok') {
-            this.closeForm()
-            this.getLists()
-            this.$message.success('添加成功!')
-          } else {
-            this.$message.warning(res.statusMsg)
-          }
-        })
-      }
-    }, 3000),
+    }, 1000),
     exportExcel() {
       let params = this.queryInfo
       this.$api.Ducts.practicalRaw.exportXls(params).then(res => {
@@ -404,7 +411,30 @@
 <style lang="scss" scoped>
 @import '../../style/layout-main.scss';
 
-.elFormTitle {
+/deep/ {
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  &::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    box-shadow: inset 0 0 5px transparent;
+    background: #39B5FE;
+  }
+
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 5px transparent;
+    border-radius: 10px;
+    background: rgba(76, 188, 254, .3);
+  }
+}
+
+.labelText {
   display: block;
   font-weight: bold;
   color: #39B5FE;
@@ -428,8 +458,32 @@
   }
 }
 
-/deep/.prop_dialog .elFormTitle .el-form-item__label {
+::v-deep .labelText2 .el-form-item__label-wrap .el-form-item__label {
   font-weight: bold;
   color: #39B5FE;
 }
+
+.el-table ::v-deep {
+  border: 1px solid #39B5FE;
+
+  .copyBtn {
+    background-position: unset;
+  }
+
+  th.el-table__cell {
+    border-bottom: 1px solid #39B5FE;
+    border-right: 1px solid #39B5FE;
+    background: rgba(76, 188, 254, .16) !important;
+  }
+
+  tr {
+    background: none !important;
+  }
+
+  th.el-table__cell.is-leaf,
+  td.el-table__cell {
+    border-bottom: 1px solid #39B5FE;
+    border-right: 1px solid #39B5FE;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/web/src/views/ProjectManage/ProjectsIndex.vue b/web/src/views/ProjectManage/ProjectsIndex.vue
index b754d80..2c0d9cf 100644
--- a/web/src/views/ProjectManage/ProjectsIndex.vue
+++ b/web/src/views/ProjectManage/ProjectsIndex.vue
@@ -1,415 +1,522 @@
 <template>
+  <!-- 工程项目管理 ==> 项目管理-->
   <div class="main">
+    <!-- header-->
     <div class="main_header" style="flex-direction: row-reverse;">
-      <!-- <div class="header_item">
-        <span class="header_label">类型:</span>
-        <el-select v-model="search.dictType" placeholder="请选择类型" clearable>
-            <el-option
-            v-for="item in optionsType"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-            </el-option>
-        </el-select>
-      </div> -->
       <div class="header_item" style="margin-right:0px">
-        <!-- <el-button   :size="size" v-if="showButton('search')" @click="searchButtonInfo(true)">查询</el-button> -->
-        <el-button class="search_btn" icon="el-icon-plus" v-if="showButton('insert')" @click="insertProp">新增</el-button>
+        <el-button class="search_btn" icon="el-icon-plus" v-if="showButton('insert')" @click="addRow">新增</el-button>
       </div>
     </div>
+    <!-- content-->
     <div class="main_content">
-      <el-table
-        v-loading="loading"
-        :data="dataList"
-        height="100%">
-        <el-table-column align="center" label="序号" width="60">
+      <el-table v-loading="loading" :data="dataList" height="100%">
+        <el-table-column align="center" label="序号" width="48">
           <template #default="scope">
-            <span>{{(pageNum - 1) * pageSize + scope.$index + 1}}</span>
+            <span>{{ (queryInfo.pageNum - 1) * queryInfo.pageSize + scope.$index + 1 }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="proName" label="项目名称" align="center" ></el-table-column>
-        <el-table-column  label="尺寸" align="center" show-overflow-tooltip>
-            <template #default="{row}">
-                <div>{{showInfo(row.proSizes)}}</div>
-            </template>
+        <el-table-column label="已完成(块)" align="center">
+          <template #default="{ row }">
+            <div style="cursor: pointer;" @click="showDetail(row)">{{ row.completedQuantity }}</div>
+          </template>
         </el-table-column>
-        <el-table-column  label="配筋" align="center" show-overflow-tooltip>
-            <template #default="{row}">
-                <div>{{showInfo(row.proHas)}}</div>
-            </template>
+        <el-table-column prop="proName" label="项目名称" align="center" width="160"></el-table-column>
+        <el-table-column label="尺寸" align="center" show-overflow-tooltip>
+          <template #default="{ row }">
+            <div>{{ showInfo(row.proSizes) }}</div>
+          </template>
         </el-table-column>
-        <el-table-column  label="转向" align="center" show-overflow-tooltip>
-            <template #default="{row}">
-                <div>{{showInfo(row.proTurns)}}</div>
-            </template>
+        <el-table-column label="配筋" align="center" show-overflow-tooltip>
+          <template #default="{ row }">
+            <div>{{ showInfo(row.proHas) }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column label="转向" align="center" show-overflow-tooltip>
+          <template #default="{ row }">
+            <div>{{ showInfo(row.proTurns) }}</div>
+          </template>
         </el-table-column>
         <el-table-column label="注浆孔" align="center" show-overflow-tooltip>
-            <template #default="{row}">
-                <div>{{showInfo(row.proGroutings)}}</div>
-            </template>
+          <template #default="{ row }">
+            <div>{{ showInfo(row.proGroutings) }}</div>
+          </template>
         </el-table-column>
         <el-table-column label="块号" align="center" show-overflow-tooltip>
-            <template #default="{row}">
-                <div>{{showInfo(row.proBloks)}}</div>
-            </template>
+          <template #default="{ row }">
+            <div>{{ showInfo(row.proBloks) }}</div>
+          </template>
         </el-table-column>
-        <el-table-column prop="startDate" label="开始日期" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column prop="createUnit" label="建设单位" align="center"></el-table-column>
+        <el-table-column prop="planUnit" label="设计单位" align="center"></el-table-column>
+        <el-table-column prop="supervisionUnit" label="监理单位" align="center"></el-table-column>
+        <el-table-column prop="constructionUnit" label="施工单位" align="center"></el-table-column>
+        <el-table-column prop="outsideDiameter" label="外径" align="center"></el-table-column>
+        <el-table-column prop="innerDiameter" label="内径" align="center"></el-table-column>
+        <el-table-column prop="thickness" label="厚度" align="center"></el-table-column>
+        <el-table-column prop="ringWidth" label="环宽" align="center"></el-table-column>
+        <el-table-column prop="concreteStrengthGrade" label="混凝土强度等级" align="center"></el-table-column>
+        <el-table-column prop="impermeabilityLevel" label="抗渗等级" align="center"></el-table-column>
+        <el-table-column prop="waterproofType" label="有无外弧面防水" align="center">
+          <template #default="{ row }">
+            <div>{{ row.waterproofType === 0 ? '有' : '无' }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="startDate" label="开始日期" align="center" width="86"></el-table-column>
         <el-table-column prop="proTime" label="工期(月)" align="center"></el-table-column>
         <el-table-column prop="planOutput" label="总需求(环)" align="center"></el-table-column>
-        <el-table-column label="操作" align="center">
-          <template #default="{ row }">
-            <el-button class="table_btn" size="mini" v-if="showButton('stop')" @click="deleteInfo(row)">停用</el-button>
-            <el-button class="delete_btn" size="mini" v-if="showButton('update')" @click="updateProp(row)">修改</el-button>
+        <el-table-column label="操作" align="center" width="140">
+          <template #default="scope">
+            <el-button class="table_btn" size="mini" v-if="showButton('stop')"
+              @click="deleteRow(scope.row)">停用</el-button>
+            <el-button class="delete_btn" size="mini" v-if="showButton('update')"
+              @click="updateRow(scope.$index)">修改</el-button>
           </template>
         </el-table-column>
       </el-table>
     </div>
+    <!-- footer-->
     <div class="main_footer">
-      <el-pagination
-        background
-        @current-change="changePageNum"
-        @size-change="changePageSize"
-        :current-page="pageNum"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="pageSize"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="total">
+      <el-pagination background @current-change="changePageNum" @size-change="changePageSize"
+        :current-page="queryInfo.pageNum" :page-sizes="[10, 20, 50, 100]" :page-size="queryInfo.pageSize"
+        layout="total, sizes, prev, pager, next, jumper" :total="total">
       </el-pagination>
     </div>
-    <el-dialog
-      class="prop_dialog"
-      :title="asyncTitle ? '新增项目' : '修改项目'"
-      :close-on-click-modal="false"
-      :visible.sync="asyncVisible"
-      width="35%">
-      <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="auto" class="rule_form">
-        <el-form-item label="项目名称:" prop="proName">
-          <el-input v-model="ruleForm.proName" :size="size" clearable placeholder="请输入项目名称"></el-input>
+    <!-- dialog -->
+    <el-dialog class="prop_dialog" v-if="isRender" :title="dialogTitle" :visible.sync="asyncVisible" width="35%"
+      @close="closeForm">
+      <el-form ref="ruleForm" size="mini" :model="ruleForm" :rules="rules" label-width="auto" class="rule_form">
+        <el-form-item label="项目名称" prop="proName">
+          <el-input v-model="ruleForm.proName" clearable placeholder="请输入项目名称"></el-input>
         </el-form-item>
-        <el-form-item label="项目简介:" prop="proDesc">
-          <el-input v-model="ruleForm.proDesc" :size="size" type="textarea" :rows="3" clearable placeholder="请输入内容"></el-input>
+        <el-form-item label="项目简介:" prop="proDesc">
+          <el-input v-model="ruleForm.proDesc" type="textarea" :rows="3" clearable placeholder="请输入内容"></el-input>
         </el-form-item>
-        <el-form-item label="尺寸(m):" prop="sizes">
+        <el-form-item label="尺寸(m):" prop="sizes">
           <el-select v-model="ruleForm.sizes" placeholder="请选择尺寸" multiple>
-                <el-option
-                v-for="item in optionsSize"
-                :key="item.dictId"
-                :label="item.dictName"
-                :value="item.dictId">
-                </el-option>
-            </el-select>
+            <el-option v-for="item in optionsSize" :key="item.dictId" :label="item.dictName" :value="item.dictId">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="配筋:" prop="hass">
+        <el-form-item label="配筋:" prop="hass">
           <el-select v-model="ruleForm.hass" placeholder="请选择配筋" multiple>
-                <el-option
-                v-for="item in optionsHass"
-                :key="item.dictId"
-                :label="item.dictName"
-                :value="item.dictId">
-                </el-option>
-            </el-select>
+            <el-option v-for="item in optionsHass" :key="item.dictId" :label="item.dictName" :value="item.dictId">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="转向:" prop="turns">
+        <el-form-item label="转向:" prop="turns">
           <el-select v-model="ruleForm.turns" placeholder="请选择转向" multiple>
-                <el-option
-                v-for="item in optionsTurn"
-                :key="item.dictId"
-                :label="item.dictName"
-                :value="item.dictId">
-                </el-option>
-            </el-select>
+            <el-option v-for="item in optionsTurn" :key="item.dictId" :label="item.dictName" :value="item.dictId">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="注浆孔:" prop="groutings">
+        <el-form-item label="注浆孔:" prop="groutings">
           <el-select v-model="ruleForm.groutings" placeholder="请选择注浆孔" multiple>
-                <el-option
-                v-for="item in optionsGrout"
-                :key="item.dictId"
-                :label="item.dictName"
-                :value="item.dictId">
-                </el-option>
-            </el-select>
+            <el-option v-for="item in optionsGrout" :key="item.dictId" :label="item.dictName" :value="item.dictId">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="块号:" prop="bloks">
+        <el-form-item label="块号:" prop="bloks">
           <el-select v-model="ruleForm.bloks" placeholder="请选择块号" multiple>
-                <el-option
-                v-for="item in optionsBlocks"
-                :key="item.dictId"
-                :label="item.dictName"
-                :value="item.dictId">
-                </el-option>
-            </el-select>
+            <el-option v-for="item in optionsBlocks" :key="item.dictId" :label="item.dictName" :value="item.dictId">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="建设单位:" prop="createUnit">
+          <el-input v-model="ruleForm.createUnit" clearable placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="设计单位:" prop="planUnit">
+          <el-input v-model="ruleForm.planUnit" clearable placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="监理单位:" prop="supervisionUnit">
+          <el-input v-model="ruleForm.supervisionUnit" clearable placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="施工单位:" prop="constructionUnit">
+          <el-input v-model="ruleForm.constructionUnit" clearable placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="外径:" prop="outsideDiameter">
+          <el-input v-model="ruleForm.outsideDiameter" clearable placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="内径:" prop="innerDiameter">
+          <el-input v-model="ruleForm.innerDiameter" clearable placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="厚度:" prop="thickness">
+          <el-input v-model="ruleForm.thickness" clearable placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="环宽:" prop="ringWidth">
+          <el-input v-model="ruleForm.ringWidth" clearable placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="混凝土强度等级:" prop="concreteStrengthGrade">
+          <el-input v-model="ruleForm.concreteStrengthGrade" clearable placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="抗渗等级:" prop="impermeabilityLevel">
+          <el-input v-model="ruleForm.impermeabilityLevel" clearable placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="有无外弧面防水:" prop="waterproofType">
+          <el-radio-group v-model="ruleForm.waterproofType">
+            <el-radio :label="0">有</el-radio>
+            <el-radio :label="1">无</el-radio>
+          </el-radio-group>
         </el-form-item>
         <el-form-item label="开始日期:" prop="startDate">
-          <el-date-picker
-                v-model="ruleForm.startDate"
-                type="date"
-                style="width:100%"
-                value-format="yyyy-MM-dd"
-                placeholder="请选择开始日期">
-            </el-date-picker>
+          <el-date-picker v-model="ruleForm.startDate" type="date" style="width:100%" value-format="yyyy-MM-dd"
+            placeholder="请选择开始日期">
+          </el-date-picker>
         </el-form-item>
-        <el-form-item label="工期(月):" prop="proTime">
-          <el-input v-model="ruleForm.proTime" :size="size" type="number" clearable placeholder="请输入工期"></el-input>
+        <el-form-item label="工期(月):" prop="proTime">
+          <el-input v-model="ruleForm.proTime" type="number" clearable placeholder="请输入"></el-input>
         </el-form-item>
-        <el-form-item label="总需求(环):" prop="planOutput">
-          <el-input v-model="ruleForm.planOutput" :size="size" type="number" clearable placeholder="请输入总需求"></el-input>
+        <el-form-item label="总需求(环):" prop="planOutput">
+          <el-input v-model="ruleForm.planOutput" type="number" clearable placeholder="请输入"></el-input>
         </el-form-item>
       </el-form>
       <div slot="footer">
         <el-button @click="asyncVisible = false">取 消</el-button>
-        <el-button class="submit_btn" @click="asyncTitle ? submitInsert() : submitUpdate()">提 交</el-button>
+        <el-button class="submit_btn" @click="onSubmit('ruleForm')">提 交</el-button>
       </div>
+    </el-dialog>
+    <!-- detail dialog -->
+    <el-dialog class="prop_dialog" v-if="detail.isRenderDetail" title="管片数量" :visible.sync="detail.asyncVisible"
+      width="800px">
+      <cpnTable :table-index="true" :table-data="detail.tableData" :table-columns-config="detail.tableColumns"
+        :page-total="detail.total" :page-num.sync="detail.pageNum" :page-size.sync="detail.pageSize"
+        :page-change="pageChange">
+      </cpnTable>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { buttonPinia } from '../../pinia/index';
-import { throttle, changeSize } from '../../plugins/public'; // 导入节流、动态切换组件尺寸方法
-  export default {
-    data() {
-      return {
-        size: changeSize(), // 组件尺寸
+import {buttonPinia} from '../../pinia/index';
+import {throttle} from '../../plugins/public'; // 导入节流、动态切换组件尺寸方法
+import cpnTable from '@/components/table/Table'
+export default {
+  data() {
+    return {
+      isRender: false,
+      loading: false,
+      submitMode: '', // add update
+      asyncVisible: false, // 添加 修改对话框
+      total: 0,
+      queryInfo: {
         pageNum: 1,
         pageSize: 10,
-        search:{},//查询条件
+      },
+      dataList: [],
+      ruleForm: {}, // 表单数据 {}
+      rules: {
+        proName: [{required: true, message: '请输入', trigger: 'blur'}],
+        proDesc: [{required: true, message: '请输入', trigger: 'blur'}],
+        sizes: [{required: true, message: '请选择', trigger: 'blur'}],
+        hass: [{required: true, message: '请选择', trigger: 'blur'}],
+        turns: [{required: true, message: '请选择', trigger: 'blur'}],
+        groutings: [{required: true, message: '请选择', trigger: 'blur'}],
+        bloks: [{required: true, message: '请选择', trigger: 'blur'}],
+        createUnit: [{required: true, message: '请输入', trigger: 'blur'}],
+        planUnit: [{required: true, message: '请输入', trigger: 'blur'}],
+        supervisionUnit: [{required: true, message: '请输入', trigger: 'blur'}],
+        constructionUnit: [{required: true, message: '请输入', trigger: 'blur'}],
+        outsideDiameter: [{required: true, message: '请输入', trigger: 'blur'}],
+        innerDiameter: [{required: true, message: '请输入', trigger: 'blur'}],
+        thickness: [{required: true, message: '请输入', trigger: 'blur'}],
+        ringWidth: [{required: true, message: '请输入', trigger: 'blur'}],
+        concreteStrengthGrade: [{required: true, message: '请输入', trigger: 'blur'}],
+        impermeabilityLevel: [{required: true, message: '请输入', trigger: 'blur'}],
+        waterproofType: [{required: true, message: '请选择', trigger: 'blur'}],
+      },
+      optionsSize: [],//尺寸下拉框
+      optionsHass: [],//配筋下拉框
+      optionsTurn: [],//转向下拉框
+      optionsGrout: [],//注浆孔下拉框
+      optionsBlocks: [],//块号下拉框
+      detail: {
+        rowId: '',
+        isRenderDetail: false,
+        asyncVisible: false,
+        pageNum: 1,
+        pageSize: 10,
         total: 0,
-        loading: false,
-        dataList: [], //项目管理信息列表
-        asyncTitle: true, // 对话框title 新增:true  修改:false
-        asyncVisible: false, // 添加 修改对话框
-        ruleForm: {
-        }, // 按钮表单
-        rules: {
-          proName: [{
-            required: true,
-            message: '请输入项目名称',
-            trigger: 'blur'
-          }],
-          proDesc: [{
-            required: true,
-            message: '请输入项目简介',
-            trigger: 'blur'
-          }],
-          sizes: [{
-            required: true,
-            message: '请选择尺寸',
-            trigger: 'blur'
-          }],
-          hass: [{
-            required: true,
-            message: '请选择配筋',
-            trigger: 'blur'
-          }],
-          turns: [{
-            required: true,
-            message: '请选择转向',
-            trigger: 'blur'
-          }],
-          groutings: [{
-            required: true,
-            message: '请选择注浆孔',
-            trigger: 'blur'
-          }],
-          bloks: [{
-            required: true,
-            message: '请选择块号',
-            trigger: 'blur'
-          }],
-        },
-        optionsSize:[],//尺寸下拉框
-        optionsHass:[],//配筋下拉框
-        optionsTurn:[],//转向下拉框
-        optionsGrout:[],//注浆孔下拉框
-        optionsBlocks:[],//块号下拉框
-      }
-    },
-    watch: {
-      asyncVisible(bol) {
-        if(!bol) {
-          this.ruleForm = {};
-          this.$refs['ruleForm'].resetFields();
-        }
-      }
-    },
-    mounted() {
-      const that = this;
-      // 根据窗口大小动态修改组件尺寸
-      window.onresize = () => {
-        that.size = changeSize();
-      }
-      that.searchButtonInfo(true);
-      that.getAllTypes()//获取尺寸配筋等信息
-    },
-    methods: {
-      //table上展示尺寸等信息
-      showInfo(val){
-        let str=''
-        let str1 = ''
-        if(val.length===1){
-            str = val[0].dictName
-        }else{
-            val.forEach(item=>{
-                str+=item.dictName+','
-            })
-            str1 = str.lastIndexOf(',')
-            str = str.substring(0,str1)
-        }
-        return str
-      },
-      //获取尺寸配筋转向等信息
-      getAllTypes(){
-        let params = {
-            pageNum: 1,
-            pageSize: 100000000
-        }
-        this.$api.Dictionary.searchDictionary(params).then(res=>{
-            if(res.statusMsg === 'ok'){
-                this.optionsSize = res.data.list.filter(item =>item.dictType === '1')
-                this.optionsHass = res.data.list.filter(item =>item.dictType === '2')
-                this.optionsTurn = res.data.list.filter(item =>item.dictType === '3')
-                this.optionsGrout = res.data.list.filter(item =>item.dictType === '4')
-                this.optionsBlocks = res.data.list.filter(item =>item.dictType === '5')
-            }else{
-                this.$message.warning(res.statusMsg)
-            }
-        })
-      },
-      // 查询按钮列表信息
-      searchButtonInfo(bol) {
-        if(bol) {
-          this.pageNum = 1;
-        }
-        let params = Object.assign({},this.search,{
-          pageNum: this.pageNum,
-          pageSize: this.pageSize
-        })
-        this.loading = true;
-        this.$api.Engineer.searchProjects(params).then((res) => {
-          if(res.statusMsg === 'ok') {
-            this.total = res.data.total;
-            this.dataList = res.data.list;
-          }
-          this.loading = false;
-        })
-      },
-      // 新增按钮信息
-      insertProp() {
-        this.asyncTitle = true;
-        this.asyncVisible = true;
-      },
-      // 修改按钮信息
-      updateProp(row) {
-        this.asyncTitle = false;
-        this.asyncVisible = true;
-        this.$api.Engineer.detailsProjects({proId: row.proId}).then(res=>{
-            if(res.statusMsg === 'ok'){
-                this.ruleForm = res.data
-                let sizeArr = []
-                let hassArr = []
-                let turnArr = []
-                let groutArr = []
-                let blockArr = []
-                res.data.proSizes.forEach(item=>{
-                    sizeArr.push(item.sizes)
-                })
-                res.data.proHas.forEach(item=>{
-                    hassArr.push(item.hasSteel)
-                })
-                res.data.proTurns.forEach(item=>{
-                    turnArr.push(item.turn)
-                })
-                res.data.proGroutings.forEach(item=>{
-                    groutArr.push(item.groutingHoles)
-                })
-                res.data.proBloks.forEach(item=>{
-                    blockArr.push(item.blockNum)
-                })
-                this.$set(this.ruleForm,'sizes',sizeArr)
-                this.$set(this.ruleForm,'hass',hassArr)
-                this.$set(this.ruleForm,'turns',turnArr)
-                this.$set(this.ruleForm,'groutings',groutArr)
-                this.$set(this.ruleForm,'bloks',blockArr)
-            }else{
-                this.$message.warning(res.statusMsg)
-            }
-        })
-      },
-      // 删除按钮信息
-      deleteInfo(row) {
-        this.$confirm("该操作将删除该信息,是否继续删除?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-       })
-       .then(() => {
-         this.$api.Engineer.deleteProjects({proId: row.proId})
-        .then(res => {
-          if(res.statusMsg === 'ok') {
-            this.searchButtonInfo(true);
-            this.$message.success("删除成功!");
-          } else {
-            this.$message.warning(res.statusMsg);
-          }
-        })
-       })
-       .catch(() => {
-         this.$message.warning("您已取消");
-       })
-      },
-      // 提交添加按钮信息
-      submitInsert: throttle(function() {
-        this.$refs.ruleForm.validate((valid) => {
-          if(valid) {
-            const params = Object.assign({}, this.ruleForm);
-            this.$api.Engineer.insertProjects(params).then((res) => {
-              if(res.statusMsg === 'ok') {
-                this.asyncVisible = false;
-                this.searchButtonInfo(true);
-                this.$message.success('添加成功!');
-              } else {
-                this.$message.warning(res.statusMsg);
-              }
-            })
-          }
-        })
-      }, 3000),
-      // 提交修改按钮信息
-      submitUpdate: throttle(function() {
-        this.$refs.ruleForm.validate((valid) => {
-          if(valid) {
-            const params = Object.assign({}, this.ruleForm);
-            this.$api.Engineer.updateProjects(params).then((res) => {
-              if(res.statusMsg === 'ok') {
-                this.asyncVisible = false;
-                this.searchButtonInfo(true);
-                this.$message.success('添加成功!');
-              } else {
-                this.$message.warning(res.statusMsg);
-              }
-            })
-          }
-        })
-      }, 3000),
-      // 判断按钮权限信息
-      showButton(str) {
-        const pinia = buttonPinia();
-        return pinia.$state.buttonInfo.includes(str);
-      },      
-      // 切换页数
-      changePageNum(page) {
-        this.pageNum = page;
-        this.searchButtonInfo();
-      },
-      // 切换每页条数
-      changePageSize(size) {
-        this.pageSize = size;
-        this.searchButtonInfo();
+        tableData: [],
+        tableColumns: [],
       }
     }
+  },
+  components: {
+    cpnTable
+  },
+  computed: {
+    dialogTitle() {
+      return this.submitMode === 'update' ? '修改项目' : '新增项目'
+    },
+    isUpdate() {
+      return this.submitMode === 'update'
+    },
+  },
+  created() {
+    this.setFormProps()
+    this.getAllTypes()
+    this.getLists()
+  },
+  methods: {
+    getLists() {
+      let params = this.queryInfo
+      this.loading = true
+      this.$api.Engineer.searchProjects(params).then(res => {
+        this.loading = false
+        if (res.statusMsg === 'ok') {
+          this.total = res.data.total
+          this.dataList = res.data.list
+        }
+      })
+    },
+    //获取尺寸配筋转向等信息
+    getAllTypes() {
+      let params = {pageNum: 1, pageSize: 100000000}
+      this.$api.Dictionary.searchDictionary(params).then(res => {
+        if (res.statusMsg === 'ok') {
+          res.data.list.forEach(item => {
+            switch (item.dictType) {
+              case '1':
+                this.optionsSize.push(item)
+                break
+              case '2':
+                this.optionsHass.push(item)
+                break
+              case '3':
+                this.optionsTurn.push(item)
+                break
+              case '4':
+                this.optionsGrout.push(item)
+                break
+              case '5':
+                this.optionsBlocks.push(item)
+                break
+            }
+          })
+        }
+      })
+    },
+    setFormProps(options = {}) {
+      let _form = {
+        proName: '', // 项目名称
+        proDesc: '', // 项目描述
+        sizes: '',  // 尺寸
+        hass: '', // 配筋
+        turns: '', // 转向
+        groutings: '', // 注浆孔
+        bloks: '', // 块号
+        createUnit: '', // 建设单位
+        planUnit: '', // 设计单位
+        supervisionUnit: '', // 监理单位
+        constructionUnit: '', // 施工单位
+        outsideDiameter: '', // 外径
+        innerDiameter: '', // 内径
+        thickness: '', // 厚度
+        ringWidth: '', // 环宽
+        concreteStrengthGrade: '', // 混凝土强度等级
+        impermeabilityLevel: '', // 抗渗等级
+        waterproofType: '', // 有无外弧面防水
+        startDate: '', // 开始日期
+        proTime: '', // 工期
+        planOutput: '', // 总需求
+      }
+      this.ruleForm = Object.keys(options).length ? options : _form
+    },
+    //table上展示尺寸等信息
+    showInfo(val) {
+      let str = ''
+      let str1 = ''
+      if (val.length === 1) {
+        str = val[0].dictName
+      } else {
+        val.forEach(item => {
+          str += item.dictName + ','
+        })
+        str1 = str.lastIndexOf(',')
+        str = str.substring(0, str1)
+      }
+      return str
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields()
+    },
+    showForm() {
+      !this.isRender && (this.isRender = true)
+      this.asyncVisible = true
+    },
+    closeForm() {
+      this.asyncVisible = false
+      this.resetForm('ruleForm')
+      this.setFormProps()
+    },
+    addRow() {
+      this.submitMode = 'add'
+      this.showForm()
+    },
+    updateRow(rowIndex) {
+      const rowData = this.dataList[rowIndex]
+      // 以下字段不能直接使用,需要处理后赋值
+      // a:[b,c]   a:ruleForm的key b:rowData的key c:rowData[key]数据里的key
+      const formFormatKeys = {
+        sizes: ['proSizes', 'sizes'],
+        hass: ['proHas', 'hasSteel'],
+        turns: ['proTurns', 'turn'],
+        groutings: ['proGroutings', 'groutingHoles'],
+        bloks: ['proBloks', 'blockNum'],
+      }
+      Object.keys(formFormatKeys).forEach(item => {
+        const targetKey = formFormatKeys[item].shift()
+        const targetValKey = formFormatKeys[item].pop()
+        if (Array.isArray(rowData[targetKey])) {
+          rowData[targetKey].forEach(val => {
+            formFormatKeys[item].push(val[targetValKey])
+          })
+        } else {
+          formFormatKeys[item] = rowData[targetKey]
+        }
+      })
+      Object.keys(this.ruleForm).forEach(item => {
+        if (rowData.hasOwnProperty.call(rowData, item)) {
+          this.ruleForm[item] = rowData[item]
+        } else if (formFormatKeys[item]) {
+          this.ruleForm[item] = formFormatKeys[item]
+        }
+      })
+      this.ruleForm.proId = rowData.proId
+      this.submitMode = 'update'
+      this.showForm()
+    },
+    deleteRow(row) {
+      this.$confirm("该操作将删除该信息,是否继续删除?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.$api.Engineer.deleteProjects({proId: row.proId})
+          .then(res => {
+            if (res.statusMsg === 'ok') {
+              this.getLists()
+              this.$message.success("删除成功!")
+            } else {
+              this.$message.warning(res.statusMsg)
+            }
+          })
+      }).catch(() => {
+        this.$message.warning("您已取消")
+      })
+    },
+    onSubmit: throttle(function (formName) {
+      this.$refs[formName].validate((valid) => {
+        if (!valid) return false
+        const params = this.ruleForm
+        if (this.isUpdate) {
+          // 更新
+          this.$api.Engineer.updateProjects(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.closeForm()
+              this.getLists();
+              this.$message.success('更新成功!')
+            } else {
+              this.$message.warning(res.statusMsg)
+            }
+          })
+        } else {
+          // 添加
+          this.$api.Engineer.insertProjects(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.closeForm()
+              this.getLists()
+              this.$message.success('添加成功!')
+            } else {
+              this.$message.warning(res.statusMsg)
+            }
+          })
+        }
+      })
+    }, 1000),
+    // 判断按钮权限信息
+    showButton(str) {
+      const pinia = buttonPinia();
+      return pinia.$state.buttonInfo.includes(str);
+    },
+    changePageNum(page) {
+      this.queryInfo.pageNum = page;
+      this.getLists();
+    },
+    changePageSize(size) {
+      this.queryInfo.pageSize = size
+      this.getLists()
+    },
+    showDetail(row) {
+      let detailData = this.detail
+      !detailData.isRenderDetail && (detailData.isRenderDetail = true)
+      detailData.asyncVisible = true
+      detailData.rowId = row.proId
+      detailData.total = 0
+      detailData.tableData = []
+      this.getDetailLists()
+    },
+    getDetailLists() {
+      let detailData = this.detail
+      this.$api.DuctpiecePLM.searchDuctpiecePLMList({
+        proId: detailData.rowId,
+        pageNum: detailData.pageNum,
+        pageSize: detailData.pageSize
+      }).then(res => {
+        if (res.success) {
+          if (!detailData.tableColumns.length) {
+            detailData.tableColumns = [
+              {index: true},
+              {slot: "name"},
+              {name: "环号", key: "ringNum"},
+              {name: "管片编号", key: "pipeNum", width: 140},
+              {name: "转向", key: "turnName", width: 106},
+              {name: "配筋", key: "reinforcementName"},
+              {name: "注浆孔", key: "groutingHolesName"},
+              {name: "块号", key: "blockNumName"},
+              {name: "模具", key: "mouldNum"},
+              {name: "入模时间", key: "intoModTime", width: 136},
+              {name: "浇筑时间", key: "pouringTime"},
+              {name: "质检时间", key: "checkTime", width: 136},
+              {name: "生产班组", key: "groupName"},
+              {name: "项目", key: "proName", width: 240},
+              {name: "质量标注", key: "checkResultStr"},
+            ]
+          }
+          detailData.total = res.data.total
+          detailData.tableData = res.data.list
+        }
+      })
+    },
+    pageChange() {
+      this.getDetailLists()
+    },
   }
+}
 </script>
 
-<style lang="sass" scoped>
+<style lang="scss" scoped>
 @import '../../style/layout-main.scss';
+
+/deep/ {
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  &::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    box-shadow: inset 0 0 5px transparent;
+    background: #39B5FE;
+  }
+
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 5px transparent;
+    border-radius: 10px;
+    background: rgba(76, 188, 254, .3);
+  }
+}
 </style>
\ No newline at end of file
diff --git a/web/src/views/ProjectManage/SectionManage.vue b/web/src/views/ProjectManage/SectionManage.vue
index 7fb990f..f29dffd 100644
--- a/web/src/views/ProjectManage/SectionManage.vue
+++ b/web/src/views/ProjectManage/SectionManage.vue
@@ -1,422 +1,579 @@
 <template>
+  <!-- 工程项目管理 ==> 单位工程管理-->
   <div class="main">
     <div class="main_header">
       <div class="header_item">
         <span class="header_label">标段名称:</span>
-        <el-input v-model="search.segmentName" :size="size" clearable placeholder="请输入标段名称"></el-input>
+        <el-input v-model="queryInfo.segmentName" clearable placeholder="请输入标段名称"></el-input>
       </div>
       <div class="header_item">
         <span class="header_label">项目名称:</span>
-        <el-select v-model="search.proId" placeholder="请选择项目名称" clearable>
-            <el-option
-            v-for="item in optionsProject"
-            :key="item.proId"
-            :label="item.proName"
-            :value="item.proId">
-            </el-option>
+        <el-select v-model="queryInfo.proId" placeholder="请选择项目名称" clearable>
+          <el-option v-for="item in optionsProject" :key="item.proId" :label="item.proName" :value="item.proId">
+          </el-option>
         </el-select>
       </div>
       <div class="header_item">
-        <el-button icon="el-icon-search" v-if="showButton('search')" @click="searchButtonInfo(true)">查询</el-button>
-        <el-button class="search_btn" icon="el-icon-plus" v-if="showButton('insert')" @click="insertProp">新增</el-button>
+        <el-button icon="el-icon-search" v-if="showButton('search')" @click="queryReset">查询</el-button>
+        <el-button class="search_btn" icon="el-icon-plus" v-if="showButton('insert')" @click="addRow">新增</el-button>
       </div>
     </div>
     <div class="main_content">
-      <el-table
-        v-loading="loading"
-        :data="dataList"
-        height="100%">
-        <el-table-column align="center" label="序号" width="60">
-          <template #default="scope">
-            <span>{{(pageNum - 1) * pageSize + scope.$index + 1}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="proName" label="项目名称" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="segmentName" label="标段名称" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="shieldEnp" label="盾构单位" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="station" label="站点" align="center"></el-table-column>
-        <el-table-column prop="realName" label="负责人" align="center"></el-table-column>
-        <el-table-column label="操作" align="center">
+      <cpnTable :table-index="true" :table-data="dataList" :table-columns-config="tableColumns" :page-total="total"
+        :page-num.sync="queryInfo.pageNum" :page-size.sync="queryInfo.pageSize" :page-change="pageChange">
+        <el-table-column slot="finished" label="已完成(块)" align="center">
           <template #default="{ row }">
-            <el-button class="table_btn" size="mini" v-if="showButton('update')" @click="updateProp(row)">修改</el-button>
-            <el-button class="delete_btn" size="mini" v-if="showButton('delete')" @click="deleteInfo(row)">删除</el-button>
+            <div style="cursor: pointer;" @click="showDetail(row)">{{ row.completedQuantity }}</div>
           </template>
         </el-table-column>
-      </el-table>
+        <el-table-column slot="action" label="操作" width="140" align="center">
+          <template #default="{ row }">
+            <el-button class="table_btn" size="mini" v-if="showButton('update')" @click="updateRow(row)">修改</el-button>
+            <el-button class="delete_btn" size="mini" v-if="showButton('delete')" @click="deleteRow(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </cpnTable>
     </div>
-    <div class="main_footer">
-      <el-pagination
-        background
-        @current-change="changePageNum"
-        @size-change="changePageSize"
-        :current-page="pageNum"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="pageSize"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="total">
-      </el-pagination>
-    </div>
-    <el-dialog
-      class="prop_dialog"
-      :title="asyncTitle ? '新增标段' : '修改标段'"
-      :close-on-click-modal="false"
-      :visible.sync="asyncVisible"
-      width="35%">
+    <!-- dialog -->
+    <el-dialog class="prop_dialog" v-if="isRender" :title="dialogTitle" :visible.sync="asyncVisible" width="660px"
+      @close="closeForm">
       <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="auto" class="rule_form">
-        <el-form-item label="项目名称:" prop="proId">
-          <el-select v-model="ruleForm.proId" placeholder="请选择项目名称" @change="changeNeed">
-                <el-option
-                v-for="item in optionsProject"
-                :key="item.proId"
-                :label="item.proName"
-                :value="item.proId">
-                </el-option>
-            </el-select>
+        <el-form-item label="项目名称:" prop="proId">
+          <el-select v-model="ruleForm.proId" placeholder="请选择" @change="changeNeed">
+            <el-option v-for="item in optionsProject" :key="item.proId" :label="item.proName" :value="item.proId">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="标段名称:" prop="segmentName">
-          <el-input v-model="ruleForm.segmentName" :size="size" clearable placeholder="请输入标段名称"></el-input>
+        <el-form-item label="起讫里程:" prop="mileage">
+          <el-input v-model="ruleForm.mileage" clearable placeholder="请输入起讫里程"></el-input>
         </el-form-item>
-        <el-form-item label="需求负责人:" prop="segmentAdmin">
-          <el-select v-model="ruleForm.segmentAdmin" placeholder="请选择需求负责人">
-                <el-option
-                    v-for="item in optionsUser"
-                    :key="item.userId"
-                    :label="item.realName"
-                    :value="item.userId">
-                </el-option>
-            </el-select>
+        <el-form-item label="单位工程名称:" prop="unitProjectName">
+          <el-input v-model="ruleForm.unitProjectName" clearable placeholder="请输入单位工程名称"></el-input>
         </el-form-item>
-        <el-form-item label="盾构单位:" prop="shieldEnp">
-          <el-input v-model="ruleForm.shieldEnp" :size="size" clearable placeholder="请输入盾构单位"></el-input>
+        <el-form-item label="需求负责人:" prop="segmentAdmin">
+          <el-select v-model="ruleForm.segmentAdmin" placeholder="请选择求负责人">
+            <el-option v-for="item in optionsUser" :key="item.userId" :label="item.realName" :value="item.userId">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="站点:" prop="station">
-          <el-input v-model="ruleForm.station" :size="size" clearable placeholder="请输入站点"></el-input>
+        <el-form-item label="盾构单位:" prop="shieldEnp">
+          <el-input v-model="ruleForm.shieldEnp" clearable placeholder="请输入盾构单位"></el-input>
+        </el-form-item>
+        <el-form-item label="开始时间:" prop="startTime">
+          <el-date-picker v-model="ruleForm.startTime" value-format="yyyy-MM-dd" placeholder="请选择开始日期"></el-date-picker>
+        </el-form-item>
+        <el-form-item label="结束时间:" prop="endTime">
+          <el-date-picker v-model="ruleForm.endTime" value-format="yyyy-MM-dd" placeholder="请选择结束日期"></el-date-picker>
+        </el-form-item>
+        <el-form-item label="工期:" prop="duration">
+          <el-input v-model="ruleForm.duration" clearable placeholder="请输入工期"></el-input>
+        </el-form-item>
+        <el-form-item label="站点:" prop="station">
+          <el-input v-model="ruleForm.station" clearable placeholder="请输入站点"></el-input>
         </el-form-item>
         <div class="section_needs">标段需求</div>
         <div class="section_needs_content">
-            <div v-for="item in needBlocks" :key="item.dictId" class="needs_items">
-                <div class="needs_text">{{item.dictName}}</div>
-                <el-input placeholder="请输入数量" type="number"  v-model="item.needNum" class="needs_num">
-                    <template slot="append">块</template>
-                </el-input>
-            </div>  
+          <div v-for="item in ruleForm.segmentList" :key="item.dictId" class="needs_items">
+            <div class="needs_text">{{ item.dictName }}</div>
+            <el-input placeholder="请输入数量" type="number" v-model="item.needNum" class="needs_num">
+              <template slot="append">块</template>
+            </el-input>
+          </div>
         </div>
       </el-form>
       <div slot="footer">
         <el-button @click="asyncVisible = false">取 消</el-button>
-        <el-button class="submit_btn" @click="asyncTitle ? submitInsert() : submitUpdate()">提 交</el-button>
+        <el-button class="submit_btn" @click="onSubmit('ruleForm')">提 交</el-button>
       </div>
+    </el-dialog>
+    <!-- detail dialog -->
+    <el-dialog class="prop_dialog" v-if="detail.isRenderDetail" title="管片数量" :visible.sync="detail.asyncVisible"
+      width="1000px">
+      <el-card>
+        <div class="titles" v-for="item in detail.infoMap" :key="item.key">
+          {{ item.name }}&nbsp;:
+          <template v-if="item.key === 'waterproofType'">
+            <span>{{ detail.infos[item.key] === 0 ? '有' : '无' }} </span>
+          </template>
+          <template v-else-if="item.key === 'proHas'">
+            <span v-for="val in detail.infos[item.key]" :key="val.hasSteel">
+              {{ val.dictName }}
+            </span>
+          </template>
+          <template v-else>
+            <span>{{ detail.infos[item.key] }}</span>
+          </template>
+        </div>
+      </el-card>
+      <cpnTable :table-index="true" :table-data="detail.tableData" :table-columns-config="detail.tableColumns"
+        :page-total="detail.total" :page-num.sync="detail.pageNum" :page-size.sync="detail.pageSize"
+        :page-change="detailPageChange">
+      </cpnTable>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { buttonPinia } from '../../pinia/index';
-import { throttle, changeSize } from '../../plugins/public'; // 导入节流、动态切换组件尺寸方法
-  export default {
-    data() {
-      return {
-        size: changeSize(), // 组件尺寸
+import {buttonPinia} from '../../pinia/index';
+import {throttle} from '../../plugins/public'; // 导入节流、动态切换组件尺寸方法
+import cpnTable from '@/components/table/Table'
+export default {
+  data() {
+    return {
+      isRender: false,
+      loading: false,
+      asyncVisible: false,
+      submitMode: '', // add update
+      total: 0,
+      queryInfo: {
         pageNum: 1,
         pageSize: 10,
-        search:{},//查询条件
+        segmentName: '',
+        proId: '',
+      },
+      dataList: [],
+      tableColumns: [],
+      optionsUser: [], //需求负责人
+      optionsProject: [], // 项目名称
+      ruleForm: {}, // 按钮表单
+      rules: {
+        proId: [{required: true, message: '请选择', trigger: 'change'}],
+        mileage: [{required: true, message: '请输入', trigger: 'blur'}],
+        unitProjectName: [{required: true, message: '请输入', trigger: 'blur'}],
+        segmentAdmin: [{required: true, message: '请选择', trigger: 'change'}],
+        shieldEnp: [{required: true, message: '请输入', trigger: 'blur'}],
+        startTime: [{required: true, message: '请选择', trigger: 'change'}],
+        endTime: [{required: true, message: '请选择', trigger: 'change'}],
+        duration: [{required: true, message: '请输入', trigger: 'blur'}],
+        station: [{required: true, message: '请输入', trigger: 'blur'}],
+      },
+      detail: {
+        rowId: '',
+        isRenderDetail: false,
+        asyncVisible: false,
+        pageNum: 1,
+        pageSize: 10,
         total: 0,
-        loading: false,
-        dataList: [], //标段信息列表
-        optionsUser:[],//需求负责人
-        optionsProject:[],//项目名称
-        asyncTitle: true, // 对话框title 新增:true  修改:false
-        asyncVisible: false, // 添加 修改对话框
-        ruleForm: {}, // 按钮表单
-        rules: {
-          segmentName: [{
-            required: true,
-            message: '请输入标段名称',
-            trigger: 'blur'
-          }],
-          shieldEnp: [{
-            required: true,
-            message: '请输入盾构单位',
-            trigger: 'blur'
-          }],
-          station: [{
-            required: true,
-            message: '请输入站点',
-            trigger: 'blur'
-          }],
-          proId: [{
-            required: true,
-            message: '请选择项目名称',
-            trigger: 'change'
-          }],
-          segmentAdmin: [{
-            required: true,
-            message: '请选择需求负责人',
-            trigger: 'change'
-          }],
-        },
-        needBlocks:[],//标段需求
-      }
-    },
-    watch: {
-      asyncVisible(bol) {
-        if(!bol) {
-          this.ruleForm = {};
-          this.$refs.ruleForm.resetFields();
-        }
-      }
-    },
-    mounted() {
-      const that = this;
-      // 根据窗口大小动态修改组件尺寸
-      window.onresize = () => {
-        that.size = changeSize();
-      }
-      that.searchButtonInfo(true);
-      that.getAllProjects()
-      that.getAllPersons()
-    },
-    methods: {
-    //通过不同的项目展示不同的标段需求
-    changeNeed(val){
-        let obj = {
-            proId:val
-        }
-        this.needBlocks = []
-        this.$api.Reinforce.searchProjectBears(obj).then(res=>{
-            if(res.statusMsg ==='ok'){
-              if(this.ruleForm.proId ===''){
-                this.needBlocks = []
-              }else{
-                res.data.blokDtos.forEach(item=>{
-                    this.needBlocks.push({
-                        dictName:item.blockName,
-                        needType:item.blockNum,
-                        needNum:0,
-                        segmentId:''
-                    })
-                })
-              }
-            }else{
-                this.$message.warning(res.statusMsg)
-            }
-        })
-    },
-     //获得所有人员
-     getAllPersons(){
-        this.$api.Engineer.getPersonsList({}).then(res=>{
-            if(res.statusMsg === 'ok'){
-                this.optionsUser = res.data
-            }else{
-                this.$message.warning(res.statusMsg)
-            }
-        })
-     },
-     //获得所有项目名称
-     getAllProjects(){
-        let obj = {
-            pageNum: 1,
-            pageSize: 100000000
-        }
-        this.$api.Engineer.searchProjects(obj).then(res=>{
-            if(res.statusMsg === 'ok'){
-                this.optionsProject = res.data.list
-            }else{
-                this.$message.warning(res.statusMsg)
-            }
-        })
-     },
-     //获取块号
-      getAllBlocks(){
-        let params = {
-            pageNum: 1,
-            pageSize: 100000000
-        }
-        this.$api.Dictionary.searchDictionary(params).then(res=>{
-            if(res.statusMsg === 'ok'){
-              if(this.ruleForm.proId===undefined){
-                this.needBlocks = []
-              }else{
-                res.data.list.filter(item =>item.dictType === '5').forEach(iten=>{
-                    this.needBlocks.push({
-                        dictName:iten.dictName,
-                        needType:iten.dictId,
-                        needNum:0,
-                        segmentId:''
-                    })
-                })
-              }
-            }else{
-                this.$message.warning(res.statusMsg)
-            }
-        })
-      },
-      // 查询按钮列表信息
-      searchButtonInfo(bol) {
-        if(bol) {
-          this.pageNum = 1;
-        }
-        let params = Object.assign({},this.search,{
-          pageNum: this.pageNum,
-          pageSize: this.pageSize
-        })
-        this.loading = true;
-        this.$api.Engineer.searchSegment(params).then((res) => {
-          if(res.statusMsg === 'ok') {
-            this.total = res.data.total;
-            this.dataList = res.data.list;
+        tableData: [],
+        tableColumns: [],
+        infos: [],
+        infoMap: [
+          {
+            name: '项目名称',
+            key: 'proName',
+          },
+          {
+            name: '单位工程名称',
+            key: 'createUnit',
+          },
+          {
+            name: '外径',
+            key: 'outsideDiameter',
+          },
+          {
+            name: '內径',
+            key: 'innerDiameter',
+          },
+          {
+            name: '厚度',
+            key: 'thickness',
+          },
+          {
+            name: '环宽',
+            key: 'ringWidth',
+          },
+          {
+            name: '混凝土强度等级',
+            key: 'concreteStrengthGrade',
+          },
+          {
+            name: '抗渗等级',
+            key: 'impermeabilityLevel',
+          },
+          {
+            name: '配筋型号',
+            key: 'proHas',
+          },
+          {
+            name: '有无外弧面防水',
+            key: 'waterproofType',
           }
-          this.loading = false;
-        })
-      },
-      // 新增按钮信息
-      insertProp() {
-        this.asyncTitle = true;
-        this.asyncVisible = true;
-        this.getAllBlocks()
-        if(this.ruleForm.proId===undefined){
-          this.needBlocks = []
-        }else{
-          this.needBlocks.forEach(item=>{
-              item.needNum = 0
-          })
-        }
-      },
-      // 修改按钮信息
-      updateProp(row) {
-        this.asyncTitle = false;
-        this.asyncVisible = true;
-        this.$api.Engineer.detailsSegment({segmentId: row.segmentId}).then(res=>{
-            if(res.statusMsg === 'ok'){
-                this.ruleForm = res.data
-                this.needBlocks = res.data.segmentNeeds
-            }else{
-                this.$message.warning(res.statusMsg)
-            }
-        })
-      },
-      // 删除按钮信息
-      deleteInfo(row) {
-        this.$confirm("该操作将删除该信息,是否继续删除?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-       })
-       .then(() => {
-         this.$api.Engineer.deleteSegment({segmentId: row.segmentId})
-        .then(res => {
-          if(res.statusMsg === 'ok') {
-            this.searchButtonInfo(true);
-            this.$message.success("删除成功!");
-          } else {
-            this.$message.warning(res.statusMsg);
-          }
-        })
-       })
-       .catch(() => {
-         this.$message.warning("您已取消");
-       })
-      },
-      // 提交添加按钮信息
-      submitInsert: throttle(function() {
-        this.$refs.ruleForm.validate((valid) => {
-          if(valid) {
-            const params = Object.assign({}, this.ruleForm);
-            params.segmentList = this.needBlocks
-            this.$api.Engineer.insertSegment(params).then((res) => {
-              if(res.statusMsg === 'ok') {
-                this.asyncVisible = false;
-                this.searchButtonInfo(true);
-                this.$message.success('添加成功!');
-              } else {
-                this.$message.warning(res.statusMsg);
-              }
-            })
-          }
-        })
-      }, 3000),
-      // 提交修改按钮信息
-      submitUpdate: throttle(function() {
-        this.$refs.ruleForm.validate((valid) => {
-          if(valid) {
-            const params = Object.assign({}, this.ruleForm);
-            params.segmentList = this.needBlocks
-            this.$api.Engineer.updateSegment(params).then((res) => {
-              if(res.statusMsg === 'ok') {
-                this.asyncVisible = false;
-                this.searchButtonInfo(true);
-                this.$message.success('添加成功!');
-              } else {
-                this.$message.warning(res.statusMsg);
-              }
-            })
-          }
-        })
-      }, 3000),
-      // 判断按钮权限信息
-      showButton(str) {
-        const pinia = buttonPinia();
-        return pinia.$state.buttonInfo.includes(str);
-      },      
-      // 切换页数
-      changePageNum(page) {
-        this.pageNum = page;
-        this.searchButtonInfo();
-      },
-      // 切换每页条数
-      changePageSize(size) {
-        this.pageSize = size;
-        this.searchButtonInfo();
+        ]
       }
     }
+  },
+  components: {
+    cpnTable
+  },
+  computed: {
+    dialogTitle() {
+      return this.submitMode === 'update' ? '修改新增单位工程' : '新增单位工程'
+    },
+    isUpdate() {
+      return this.submitMode === 'update'
+    },
+  },
+  created() {
+    this.setFormProps()
+    this.setTableColumn()
+    this.getLists()
+    this.getAllProjects()
+    this.getAllPersons()
+    // this.getAllBlocks() // 暂时没用,先屏蔽
+  },
+  methods: {
+    getLists() {
+      this.loading = true
+      let params = this.queryInfo
+      this.$api.Engineer.searchSegment(params).then(res => {
+        if (res.statusMsg === 'ok') {
+          this.total = res.data.total
+          this.dataList = res.data.list
+        }
+        this.loading = false
+      })
+    },
+    //获得所有人员
+    getAllPersons() {
+      this.$api.Engineer.getPersonsList({}).then(res => {
+        if (res.statusMsg === 'ok') {
+          this.optionsUser = res.data
+        } else {
+          this.$message.warning('人员名称获取失败')
+        }
+      })
+    },
+    //获得所有项目名称
+    getAllProjects() {
+      let obj = {
+        pageNum: 1,
+        pageSize: 100000000
+      }
+      this.$api.Engineer.searchProjects(obj).then(res => {
+        if (res.statusMsg === 'ok') {
+          this.optionsProject = res.data.list
+        } else {
+          this.$message.warning('项目名称获取失败')
+        }
+      })
+    },
+    //字典里获取所有标段块号
+    getAllBlocks() {
+      let params = {
+        pageNum: 1,
+        pageSize: 100000000
+      }
+      this.$api.Dictionary.searchDictionary(params).then(res => {
+        if (res.statusMsg === 'ok') {
+          const segmentList = []
+          res.data.list.forEach(item => {
+            if (item.dictType === '5') {
+              segmentList.push({
+                dictName: item.dictName,
+                needType: item.dictId,
+                needNum: 0,
+                segmentId: ''
+              })
+            }
+          })
+          this.ruleForm.segmentList = segmentList
+        } else {
+          this.$message.warning('标段获取失败')
+        }
+      })
+    },
+    getDetailLists() {
+      let detailData = this.detail
+      this.$api.DuctpiecePLM.searchDuctpiecePLMList({
+        segmentId: detailData.rowId,
+        pageNum: detailData.pageNum,
+        pageSize: detailData.pageSize
+      }).then(res => {
+        if (res.success) {
+          detailData.total = res.data.total
+          detailData.tableData = res.data.list
+        }
+      })
+    },
+    getDetailInfos(id) {
+      this.$api.Engineer.detailsProjects({proId: id}).then(res => {
+        if (res.success) {
+          this.detail.infos = res.data
+        }
+      })
+    },
+    setFormProps(options = {}) {
+      let _form = {
+        proId: '', // 项目名称id
+        mileage: '', // 起讫里程
+        unitProjectName: '',  // 单位工程名称
+        segmentAdmin: '', // 需求负责人
+        shieldEnp: '', // 盾构单位
+        startTime: null, // 开始时间
+        endTime: null, // 结束时间
+        duration: '', // 工期
+        station: '', // 站点
+        segmentList: [], // 标段需求
+      }
+      this.ruleForm = Object.keys(options).length ? options : _form
+    },
+    setTableColumn() {
+      this.tableColumns = [
+        {index: true},
+        {slot: "finished"},
+        {name: "项目名称", key: "proName", width: 160},
+        {name: "起讫里程", key: "mileage"},
+        {name: "单位工程名称", key: "unitProjectName"},
+        {name: "盾构单位", key: "shieldEnp"},
+        {name: "开始时间", key: "startTime", width: 100},
+        {name: "结束时间", key: "endTime", width: 100},
+        {name: "工期", key: "duration"},
+        {name: "站点", key: "station"},
+        {name: "负责人", key: "realName"},
+        {slot: 'action'},
+      ]
+      this.detail.tableColumns = [
+        {index: true},
+        {slot: "name"},
+        {name: "环号", key: "ringNum"},
+        {name: "管片编号", key: "pipeNum", width: 140},
+        {name: "转向", key: "turnName", width: 106},
+        {name: "配筋", key: "reinforcementName"},
+        {name: "注浆孔", key: "groutingHolesName"},
+        {name: "块号", key: "blockNumName"},
+        {name: "模具", key: "mouldNum"},
+        {name: "入模时间", key: "intoModTime", width: 136},
+        {name: "浇筑时间", key: "pouringTime"},
+        {name: "质检时间", key: "checkTime", width: 136},
+        {name: "生产班组", key: "groupName"},
+        {name: "项目", key: "proName", width: 240},
+        {name: "质量标注", key: "checkResultStr"},
+      ]
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields()
+    },
+    showForm() {
+      !this.isRender && (this.isRender = true)
+      this.asyncVisible = true
+    },
+    closeForm() {
+      this.asyncVisible = false
+      this.resetForm('ruleForm')
+      this.setFormProps()
+    },
+    // 查询按钮列表信息
+    queryReset() {
+      this.queryInfo.pageNum = 1
+      this.queryInfo.pageSize = 10
+      this.getLists()
+    },
+    addRow() {
+      this.submitMode = 'add'
+      this.showForm()
+    },
+    async updateRow(row) {
+      this.submitMode = 'update'
+      this.showForm()
+      const segmentList = await this.getProjectBlocks(row.segmentId)
+      Object.keys(this.ruleForm).forEach(item => {
+        if (row.hasOwnProperty.call(row, item)) {
+          this.ruleForm[item] = row[item]
+        }
+      })
+      this.ruleForm.segmentId = row.segmentId
+      this.ruleForm.segmentList = segmentList
+    },
+    deleteRow(row) {
+      this.$confirm("该操作将删除该信息,是否继续删除?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.$api.Engineer.deleteSegment({segmentId: row.segmentId}).then(res => {
+          if (res.statusMsg === 'ok') {
+            this.queryReset();
+            this.$message.success("删除成功!")
+          } else {
+            this.$message.warning(res.statusMsg)
+          }
+        })
+      }).catch(() => {
+        this.$message.warning("您已取消")
+      })
+    },
+    //获取项目标段
+    getProjectBlocks(id) {
+      return new Promise(resolve => {
+        this.$api.Engineer.detailsSegment({segmentId: id}).then(res => {
+          let outData = []
+          if (res.statusMsg === 'ok') {
+            outData.push(...res.data.segmentNeeds)
+          }
+          resolve(outData)
+        })
+      })
+    },
+    //通过不同的项目展示不同的标段需求
+    changeNeed(val) {
+      this.$api.Reinforce.searchProjectBears({proId: val}).then(res => {
+        if (res.statusMsg === 'ok') {
+          const segmentList = []
+          res.data.blokDtos.forEach(item => {
+            segmentList.push({
+              dictName: item.blockName,
+              needType: item.blockNum,
+              needNum: 0,
+              segmentId: ''
+            })
+          })
+          this.ruleForm.segmentList = segmentList
+        } else {
+          this.$message.warning('标段获取失败')
+        }
+      })
+    },
+    onSubmit: throttle(function () {
+      this.$refs.ruleForm.validate(valid => {
+        if (!valid) return
+        const params = this.ruleForm
+        if (this.isUpdate) {
+          // 更新
+          this.$api.Engineer.updateSegment(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.closeForm()
+              this.getLists()
+              this.$message.success('更新成功!')
+            } else {
+              this.$message.warning(res.statusMsg)
+            }
+          })
+        } else {
+          // 添加
+          this.$api.Engineer.insertSegment(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.closeForm()
+              this.getLists()
+              this.$message.success('添加成功!')
+            } else {
+              this.$message.warning(res.statusMsg)
+            }
+          })
+        }
+      })
+    }, 1000),
+    // 判断按钮权限信息
+    showButton(str) {
+      const pinia = buttonPinia();
+      return pinia.$state.buttonInfo.includes(str);
+    },
+    showDetail(row) {
+      let detailData = this.detail
+      !detailData.isRenderDetail && (detailData.isRenderDetail = true)
+      detailData.asyncVisible = true
+      detailData.rowId = row.segmentId
+      detailData.total = 0
+      detailData.tableData = []
+      detailData.infos = []
+      this.getDetailInfos(row.proId)
+      this.getDetailLists()
+    },
+    pageChange() {
+      this.getLists();
+    },
+    detailPageChange() {
+      this.getDetailLists();
+    },
   }
+}
 </script>
 
 <style lang="scss" scoped>
 @import '../../style/layout-main.scss';
-.section_needs{
-    position: relative;
-    color:#18F5F7;
-    padding: 20px 20px 10px 15px;
-    border-bottom: 1px solid #1949A3;
-    &::before{
-        position: absolute;
-        content: "";
-        width: 2px;
-        height: 20px;
-        background-color: #18F5F7;
-        top: 20px;
-        left: 5px;
-    }
-}
-.section_needs_content{
-    height: 180px;
-    overflow: auto;
-    display: flex;
-    // flex-direction: column;
-    // justify-content: space-between;
-    flex-wrap: wrap;
-    // &:after{
-    //     content: "";
-    //     flex: 0 0 412px;
-    // }
-    .needs_items{
-        max-width: 190px;
-        min-width: 142px;
-        padding: 15px;
-        display: flex;
-        .needs_text{
-            // width: 50px;
-            flex: none;
-            align-self: center;
-            text-align: center;
-            padding-right: 15px;
-            color: #E1E3E9;
-        }
-        .needs_num{
-            align-self: center;
-        }
-    }
+
+/deep/ {
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  &::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    box-shadow: inset 0 0 5px transparent;
+    background: #39B5FE;
+  }
+
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 5px transparent;
+    border-radius: 10px;
+    background: rgba(76, 188, 254, .3);
+  }
 }
 
+.el-card {
+  margin-bottom: 20px;
+  border: none;
+  color: #fff;
+  background: rgba(9, 64, 101, 1);
+
+  .titles {
+    float: left;
+    width: 25%;
+    min-height: 36px;
+    padding-right: 6px;
+    margin-bottom: 6px;
+    line-height: 18px;
+    box-sizing: border-box;
+  }
+
+  span {
+    color: #39B5FE;
+  }
+}
+
+.section_needs {
+  position: relative;
+  color: #18F5F7;
+  padding: 20px 20px 10px 15px;
+  border-bottom: 1px solid #1949A3;
+
+  &::before {
+    position: absolute;
+    content: "";
+    width: 2px;
+    height: 20px;
+    background-color: #18F5F7;
+    top: 20px;
+    left: 5px;
+  }
+}
+
+.section_needs_content {
+  display: flex;
+  flex-wrap: wrap;
+
+  .needs_items {
+    max-width: 190px;
+    min-width: 142px;
+    padding: 15px;
+    display: flex;
+
+    .needs_text {
+      // width: 50px;
+      flex: none;
+      align-self: center;
+      text-align: center;
+      padding-right: 15px;
+      color: #E1E3E9;
+    }
+
+    .needs_num {
+      align-self: center;
+    }
+  }
+}
 </style>
\ No newline at end of file

--
Gitblit v1.9.3