修改bug

2025-09-19 14:53:16 +08:00
parent 61764be51e
commit 3cf3c9268c
25 changed files with 2221 additions and 20 deletions
--- a/index.html
+++ b/index.html
@@ -4,7 +4,6 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>猪场管理系统</title>
-    <link rel="stylesheet" href="./src/assets/styles/main.css">
 </head>
 <body>
    <div id="app"></div>
--- a/node_modules/.package-lock.json
+++ b/node_modules/.package-lock.json
@@ -9333,6 +9333,22 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/style-loader": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/style-loader/-/style-loader-4.0.0.tgz",
+      "integrity": "sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.27.0"
+      }
+    },
    "node_modules/stylehacks": {
      "version": "5.1.1",
      "resolved": "https://registry.npmmirror.com/stylehacks/-/stylehacks-5.1.1.tgz",
--- a/node_modules/style-loader/LICENSE
+++ b/node_modules/style-loader/LICENSE
@@ -0,0 +1,20 @@
+Copyright JS Foundation and other contributors
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--- a/node_modules/style-loader/README.md
+++ b/node_modules/style-loader/README.md
--- a/node_modules/style-loader/dist/cjs.js
+++ b/node_modules/style-loader/dist/cjs.js
@@ -0,0 +1,4 @@
+"use strict";
+
+const loader = require("./index");
+module.exports = loader.default;
--- a/node_modules/style-loader/dist/index.js
+++ b/node_modules/style-loader/dist/index.js
@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _path = _interopRequireDefault(require("path"));
+var _utils = require("./utils");
+var _options = _interopRequireDefault(require("./options.json"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// eslint-disable-next-line consistent-return
+const loader = function loader(content) {
+  if (this._compiler && this._compiler.options && this._compiler.options.experiments && this._compiler.options.experiments.css && this._module && (this._module.type === "css" || this._module.type === "css/global" || this._module.type === "css/module" || this._module.type === "css/auto")) {
+    return content;
+  }
+};
+loader.pitch = function pitch(request) {
+  if (this._compiler && this._compiler.options && this._compiler.options.experiments && this._compiler.options.experiments.css && this._module && (this._module.type === "css" || this._module.type === "css/global" || this._module.type === "css/module" || this._module.type === "css/auto")) {
+    this.emitWarning(new Error('You can\'t use `experiments.css` (`experiments.futureDefaults` enable built-in CSS support by default) and `style-loader` together, please set `experiments.css` to `false` or set `{ type: "javascript/auto" }` for rules with `style-loader` in your webpack config (now `style-loader` does nothing).'));
+    return;
+  }
+  const options = this.getOptions(_options.default);
+  const injectType = options.injectType || "styleTag";
+  const esModule = typeof options.esModule !== "undefined" ? options.esModule : true;
+  const runtimeOptions = {};
+  if (options.attributes) {
+    runtimeOptions.attributes = options.attributes;
+  }
+  if (options.base) {
+    runtimeOptions.base = options.base;
+  }
+  const insertType = options.insert && _path.default.isAbsolute(options.insert) ? "module-path" : "selector";
+  switch (injectType) {
+    case "linkTag":
+      {
+        const hmrCode = this.hot ? (0, _utils.getLinkHmrCode)(esModule, this, request) : "";
+
+        // eslint-disable-next-line consistent-return
+        return `
+      ${(0, _utils.getImportLinkAPICode)(esModule, this)}
+      ${(0, _utils.getImportInsertBySelectorCode)(esModule, this, insertType, options)}
+      ${(0, _utils.getImportLinkContentCode)(esModule, this, request)}
+      ${esModule ? "" : `content = content.__esModule ? content.default : content;`}
+
+var options = ${JSON.stringify(runtimeOptions)};
+
+${(0, _utils.getInsertOptionCode)(insertType, options)}
+
+var update = API(content, options);
+
+${hmrCode}
+
+${esModule ? "export default {}" : ""}`;
+      }
+    case "lazyStyleTag":
+    case "lazyAutoStyleTag":
+    case "lazySingletonStyleTag":
+      {
+        const isSingleton = injectType === "lazySingletonStyleTag";
+        const isAuto = injectType === "lazyAutoStyleTag";
+        const hmrCode = this.hot ? (0, _utils.getStyleHmrCode)(esModule, this, request, true) : "";
+
+        // eslint-disable-next-line consistent-return
+        return `
+      var exported = {};
+
+      ${(0, _utils.getImportStyleAPICode)(esModule, this)}
+      ${(0, _utils.getImportStyleDomAPICode)(esModule, this, isSingleton, isAuto)}
+      ${(0, _utils.getImportInsertBySelectorCode)(esModule, this, insertType, options)}
+      ${(0, _utils.getSetAttributesCode)(esModule, this, options)}
+      ${(0, _utils.getImportInsertStyleElementCode)(esModule, this)}
+      ${(0, _utils.getStyleTagTransformFnCode)(esModule, this, options, isSingleton)}
+      ${(0, _utils.getImportStyleContentCode)(esModule, this, request)}
+      ${isAuto ? (0, _utils.getImportIsOldIECode)(esModule, this) : ""}
+      ${esModule ? `if (content && content.locals) {
+              exported.locals = content.locals;
+            }
+            ` : `content = content.__esModule ? content.default : content;
+
+            exported.locals = content.locals || {};`}
+
+var refs = 0;
+var update;
+var options = ${JSON.stringify(runtimeOptions)};
+
+${(0, _utils.getStyleTagTransformFn)(options, isSingleton)};
+options.setAttributes = setAttributes;
+${(0, _utils.getInsertOptionCode)(insertType, options)}
+options.domAPI = ${(0, _utils.getdomAPI)(isAuto)};
+options.insertStyleElement = insertStyleElement;
+
+exported.use = function(insertOptions) {
+  options.options = insertOptions || {};
+
+  if (!(refs++)) {
+    update = API(content, options);
+  }
+
+  return exported;
+};
+exported.unuse = function() {
+  if (refs > 0 && !--refs) {
+    update();
+    update = null;
+  }
+};
+
+${hmrCode}
+
+${(0, _utils.getExportLazyStyleCode)(esModule, this, request)}
+`;
+      }
+    case "styleTag":
+    case "autoStyleTag":
+    case "singletonStyleTag":
+    default:
+      {
+        const isSingleton = injectType === "singletonStyleTag";
+        const isAuto = injectType === "autoStyleTag";
+        const hmrCode = this.hot ? (0, _utils.getStyleHmrCode)(esModule, this, request, false) : "";
+
+        // eslint-disable-next-line consistent-return
+        return `
+      ${(0, _utils.getImportStyleAPICode)(esModule, this)}
+      ${(0, _utils.getImportStyleDomAPICode)(esModule, this, isSingleton, isAuto)}
+      ${(0, _utils.getImportInsertBySelectorCode)(esModule, this, insertType, options)}
+      ${(0, _utils.getSetAttributesCode)(esModule, this, options)}
+      ${(0, _utils.getImportInsertStyleElementCode)(esModule, this)}
+      ${(0, _utils.getStyleTagTransformFnCode)(esModule, this, options, isSingleton)}
+      ${(0, _utils.getImportStyleContentCode)(esModule, this, request)}
+      ${isAuto ? (0, _utils.getImportIsOldIECode)(esModule, this) : ""}
+      ${esModule ? "" : `content = content.__esModule ? content.default : content;`}
+
+var options = ${JSON.stringify(runtimeOptions)};
+
+${(0, _utils.getStyleTagTransformFn)(options, isSingleton)};
+options.setAttributes = setAttributes;
+${(0, _utils.getInsertOptionCode)(insertType, options)}
+options.domAPI = ${(0, _utils.getdomAPI)(isAuto)};
+options.insertStyleElement = insertStyleElement;
+
+var update = API(content, options);
+
+${hmrCode}
+
+${(0, _utils.getExportStyleCode)(esModule, this, request)}
+`;
+      }
+  }
+};
+var _default = exports.default = loader;
--- a/node_modules/style-loader/dist/options.json
+++ b/node_modules/style-loader/dist/options.json
@@ -0,0 +1,45 @@
+{
+  "title": "Style Loader options",
+  "type": "object",
+  "properties": {
+    "injectType": {
+      "description": "Allows to setup how styles will be injected into DOM.",
+      "link": "https://github.com/webpack-contrib/style-loader#injecttype",
+      "enum": [
+        "styleTag",
+        "singletonStyleTag",
+        "autoStyleTag",
+        "lazyStyleTag",
+        "lazySingletonStyleTag",
+        "lazyAutoStyleTag",
+        "linkTag"
+      ]
+    },
+    "attributes": {
+      "description": "Adds custom attributes to tag.",
+      "link": "https://github.com/webpack-contrib/style-loader#attributes",
+      "type": "object"
+    },
+    "insert": {
+      "description": "Inserts `<style>`/`<link>` at the given position.",
+      "link": "https://github.com/webpack-contrib/style-loader#insert",
+      "type": "string"
+    },
+    "base": {
+      "description": "Sets module ID base for DLLPlugin.",
+      "link": "https://github.com/webpack-contrib/style-loader#base",
+      "type": "number"
+    },
+    "esModule": {
+      "description": "Use the ES modules syntax.",
+      "link": "https://github.com/webpack-contrib/css-loader#esmodule",
+      "type": "boolean"
+    },
+    "styleTagTransform": {
+      "description": "Transform tag and css when insert 'style' tag into the DOM",
+      "link": "https://github.com/webpack-contrib/style-loader#styleTagTransform",
+      "type": "string"
+    }
+  },
+  "additionalProperties": false
+}
--- a/node_modules/style-loader/dist/runtime/injectStylesIntoLinkTag.js
+++ b/node_modules/style-loader/dist/runtime/injectStylesIntoLinkTag.js
@@ -0,0 +1,29 @@
+"use strict";
+
+module.exports = function (url, options) {
+  if (typeof document === "undefined") {
+    return function () {};
+  }
+  options = options || {};
+  options.attributes = typeof options.attributes === "object" ? options.attributes : {};
+  if (typeof options.attributes.nonce === "undefined") {
+    var nonce = typeof __webpack_nonce__ !== "undefined" ? __webpack_nonce__ : null;
+    if (nonce) {
+      options.attributes.nonce = nonce;
+    }
+  }
+  var linkElement = document.createElement("link");
+  linkElement.rel = "stylesheet";
+  linkElement.href = url;
+  Object.keys(options.attributes).forEach(function (key) {
+    linkElement.setAttribute(key, options.attributes[key]);
+  });
+  options.insert(linkElement);
+  return function (newUrl) {
+    if (typeof newUrl === "string") {
+      linkElement.href = newUrl;
+    } else {
+      linkElement.parentNode.removeChild(linkElement);
+    }
+  };
+};
--- a/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+++ b/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
@@ -0,0 +1,84 @@
+"use strict";
+
+var stylesInDOM = [];
+function getIndexByIdentifier(identifier) {
+  var result = -1;
+  for (var i = 0; i < stylesInDOM.length; i++) {
+    if (stylesInDOM[i].identifier === identifier) {
+      result = i;
+      break;
+    }
+  }
+  return result;
+}
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var count = idCountMap[id] || 0;
+    var identifier = "".concat(id, " ").concat(count);
+    idCountMap[id] = count + 1;
+    var indexByIdentifier = getIndexByIdentifier(identifier);
+    var obj = {
+      css: item[1],
+      media: item[2],
+      sourceMap: item[3],
+      supports: item[4],
+      layer: item[5]
+    };
+    if (indexByIdentifier !== -1) {
+      stylesInDOM[indexByIdentifier].references++;
+      stylesInDOM[indexByIdentifier].updater(obj);
+    } else {
+      var updater = addElementStyle(obj, options);
+      options.byIndex = i;
+      stylesInDOM.splice(i, 0, {
+        identifier: identifier,
+        updater: updater,
+        references: 1
+      });
+    }
+    identifiers.push(identifier);
+  }
+  return identifiers;
+}
+function addElementStyle(obj, options) {
+  var api = options.domAPI(options);
+  api.update(obj);
+  var updater = function updater(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
+        return;
+      }
+      api.update(obj = newObj);
+    } else {
+      api.remove();
+    }
+  };
+  return updater;
+}
+module.exports = function (list, options) {
+  options = options || {};
+  list = list || [];
+  var lastIdentifiers = modulesToDom(list, options);
+  return function update(newList) {
+    newList = newList || [];
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDOM[index].references--;
+    }
+    var newLastIdentifiers = modulesToDom(newList, options);
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
+      var _index = getIndexByIdentifier(_identifier);
+      if (stylesInDOM[_index].references === 0) {
+        stylesInDOM[_index].updater();
+        stylesInDOM.splice(_index, 1);
+      }
+    }
+    lastIdentifiers = newLastIdentifiers;
+  };
+};
--- a/node_modules/style-loader/dist/runtime/insertBySelector.js
+++ b/node_modules/style-loader/dist/runtime/insertBySelector.js
@@ -0,0 +1,34 @@
+"use strict";
+
+var memo = {};
+
+/* istanbul ignore next  */
+function getTarget(target) {
+  if (typeof memo[target] === "undefined") {
+    var styleTarget = document.querySelector(target);
+
+    // Special case to return head of iframe instead of iframe itself
+    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+      try {
+        // This will throw an exception if access to iframe is blocked
+        // due to cross-origin restrictions
+        styleTarget = styleTarget.contentDocument.head;
+      } catch (e) {
+        // istanbul ignore next
+        styleTarget = null;
+      }
+    }
+    memo[target] = styleTarget;
+  }
+  return memo[target];
+}
+
+/* istanbul ignore next  */
+function insertBySelector(insert, style) {
+  var target = getTarget(insert);
+  if (!target) {
+    throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+  }
+  target.appendChild(style);
+}
+module.exports = insertBySelector;
--- a/node_modules/style-loader/dist/runtime/insertStyleElement.js
+++ b/node_modules/style-loader/dist/runtime/insertStyleElement.js
@@ -0,0 +1,10 @@
+"use strict";
+
+/* istanbul ignore next  */
+function insertStyleElement(options) {
+  var element = document.createElement("style");
+  options.setAttributes(element, options.attributes);
+  options.insert(element, options.options);
+  return element;
+}
+module.exports = insertStyleElement;
--- a/node_modules/style-loader/dist/runtime/isEqualLocals.js
+++ b/node_modules/style-loader/dist/runtime/isEqualLocals.js
@@ -0,0 +1,28 @@
+"use strict";
+
+function isEqualLocals(a, b, isNamedExport) {
+  if (!a && b || a && !b) {
+    return false;
+  }
+  var p;
+  for (p in a) {
+    if (isNamedExport && p === "default") {
+      // eslint-disable-next-line no-continue
+      continue;
+    }
+    if (a[p] !== b[p]) {
+      return false;
+    }
+  }
+  for (p in b) {
+    if (isNamedExport && p === "default") {
+      // eslint-disable-next-line no-continue
+      continue;
+    }
+    if (!a[p]) {
+      return false;
+    }
+  }
+  return true;
+}
+module.exports = isEqualLocals;
--- a/node_modules/style-loader/dist/runtime/isOldIE.js
+++ b/node_modules/style-loader/dist/runtime/isOldIE.js
@@ -0,0 +1,17 @@
+"use strict";
+
+var memo;
+
+/* istanbul ignore next  */
+function isOldIE() {
+  if (typeof memo === "undefined") {
+    // Test for IE <= 9 as proposed by Browserhacks
+    // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
+    // Tests for existence of standard globals is to allow style-loader
+    // to operate correctly into non-standard environments
+    // @see https://github.com/webpack-contrib/style-loader/issues/177
+    memo = Boolean(typeof window !== "undefined" && typeof document !== "undefined" && document.all && !window.atob);
+  }
+  return memo;
+}
+module.exports = isOldIE;
--- a/node_modules/style-loader/dist/runtime/setAttributesWithAttributes.js
+++ b/node_modules/style-loader/dist/runtime/setAttributesWithAttributes.js
@@ -0,0 +1,13 @@
+"use strict";
+
+/* istanbul ignore next  */
+function setAttributesWithoutAttributes(styleElement, attributes) {
+  var nonce = typeof __webpack_nonce__ !== "undefined" ? __webpack_nonce__ : null;
+  if (nonce) {
+    attributes.nonce = nonce;
+  }
+  Object.keys(attributes).forEach(function (key) {
+    styleElement.setAttribute(key, attributes[key]);
+  });
+}
+module.exports = setAttributesWithoutAttributes;
--- a/node_modules/style-loader/dist/runtime/setAttributesWithAttributesAndNonce.js
+++ b/node_modules/style-loader/dist/runtime/setAttributesWithAttributesAndNonce.js
@@ -0,0 +1,9 @@
+"use strict";
+
+/* istanbul ignore next  */
+function setAttributesWithoutAttributes(styleElement, attributes) {
+  Object.keys(attributes).forEach(function (key) {
+    styleElement.setAttribute(key, attributes[key]);
+  });
+}
+module.exports = setAttributesWithoutAttributes;
--- a/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
+++ b/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
@@ -0,0 +1,10 @@
+"use strict";
+
+/* istanbul ignore next  */
+function setAttributesWithoutAttributes(styleElement) {
+  var nonce = typeof __webpack_nonce__ !== "undefined" ? __webpack_nonce__ : null;
+  if (nonce) {
+    styleElement.setAttribute("nonce", nonce);
+  }
+}
+module.exports = setAttributesWithoutAttributes;
--- a/node_modules/style-loader/dist/runtime/singletonStyleDomAPI.js
+++ b/node_modules/style-loader/dist/runtime/singletonStyleDomAPI.js
@@ -0,0 +1,86 @@
+"use strict";
+
+/* istanbul ignore next  */
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join("\n");
+  };
+}();
+
+/* istanbul ignore next  */
+function apply(styleElement, index, remove, obj) {
+  var css;
+  if (remove) {
+    css = "";
+  } else {
+    css = "";
+    if (obj.supports) {
+      css += "@supports (".concat(obj.supports, ") {");
+    }
+    if (obj.media) {
+      css += "@media ".concat(obj.media, " {");
+    }
+    var needLayer = typeof obj.layer !== "undefined";
+    if (needLayer) {
+      css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
+    }
+    css += obj.css;
+    if (needLayer) {
+      css += "}";
+    }
+    if (obj.media) {
+      css += "}";
+    }
+    if (obj.supports) {
+      css += "}";
+    }
+  }
+
+  // For old IE
+  /* istanbul ignore if  */
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = replaceText(index, css);
+  } else {
+    var cssNode = document.createTextNode(css);
+    var childNodes = styleElement.childNodes;
+    if (childNodes[index]) {
+      styleElement.removeChild(childNodes[index]);
+    }
+    if (childNodes.length) {
+      styleElement.insertBefore(cssNode, childNodes[index]);
+    } else {
+      styleElement.appendChild(cssNode);
+    }
+  }
+}
+var singletonData = {
+  singleton: null,
+  singletonCounter: 0
+};
+
+/* istanbul ignore next  */
+function domAPI(options) {
+  if (typeof document === "undefined") return {
+    update: function update() {},
+    remove: function remove() {}
+  };
+
+  // eslint-disable-next-line no-undef,no-use-before-define
+  var styleIndex = singletonData.singletonCounter++;
+  var styleElement =
+  // eslint-disable-next-line no-undef,no-use-before-define
+  singletonData.singleton || (
+  // eslint-disable-next-line no-undef,no-use-before-define
+  singletonData.singleton = options.insertStyleElement(options));
+  return {
+    update: function update(obj) {
+      apply(styleElement, styleIndex, false, obj);
+    },
+    remove: function remove(obj) {
+      apply(styleElement, styleIndex, true, obj);
+    }
+  };
+}
+module.exports = domAPI;
--- a/node_modules/style-loader/dist/runtime/styleDomAPI.js
+++ b/node_modules/style-loader/dist/runtime/styleDomAPI.js
@@ -0,0 +1,61 @@
+"use strict";
+
+/* istanbul ignore next  */
+function apply(styleElement, options, obj) {
+  var css = "";
+  if (obj.supports) {
+    css += "@supports (".concat(obj.supports, ") {");
+  }
+  if (obj.media) {
+    css += "@media ".concat(obj.media, " {");
+  }
+  var needLayer = typeof obj.layer !== "undefined";
+  if (needLayer) {
+    css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
+  }
+  css += obj.css;
+  if (needLayer) {
+    css += "}";
+  }
+  if (obj.media) {
+    css += "}";
+  }
+  if (obj.supports) {
+    css += "}";
+  }
+  var sourceMap = obj.sourceMap;
+  if (sourceMap && typeof btoa !== "undefined") {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  }
+
+  // For old IE
+  /* istanbul ignore if  */
+  options.styleTagTransform(css, styleElement, options.options);
+}
+function removeStyleElement(styleElement) {
+  // istanbul ignore if
+  if (styleElement.parentNode === null) {
+    return false;
+  }
+  styleElement.parentNode.removeChild(styleElement);
+}
+
+/* istanbul ignore next  */
+function domAPI(options) {
+  if (typeof document === "undefined") {
+    return {
+      update: function update() {},
+      remove: function remove() {}
+    };
+  }
+  var styleElement = options.insertStyleElement(options);
+  return {
+    update: function update(obj) {
+      apply(styleElement, options, obj);
+    },
+    remove: function remove() {
+      removeStyleElement(styleElement);
+    }
+  };
+}
+module.exports = domAPI;
--- a/node_modules/style-loader/dist/runtime/styleTagTransform.js
+++ b/node_modules/style-loader/dist/runtime/styleTagTransform.js
@@ -0,0 +1,14 @@
+"use strict";
+
+/* istanbul ignore next  */
+function styleTagTransform(css, styleElement) {
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = css;
+  } else {
+    while (styleElement.firstChild) {
+      styleElement.removeChild(styleElement.firstChild);
+    }
+    styleElement.appendChild(document.createTextNode(css));
+  }
+}
+module.exports = styleTagTransform;
--- a/node_modules/style-loader/dist/utils.js
+++ b/node_modules/style-loader/dist/utils.js
@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getExportLazyStyleCode = getExportLazyStyleCode;
+exports.getExportStyleCode = getExportStyleCode;
+exports.getImportInsertBySelectorCode = getImportInsertBySelectorCode;
+exports.getImportInsertStyleElementCode = getImportInsertStyleElementCode;
+exports.getImportIsOldIECode = getImportIsOldIECode;
+exports.getImportLinkAPICode = getImportLinkAPICode;
+exports.getImportLinkContentCode = getImportLinkContentCode;
+exports.getImportStyleAPICode = getImportStyleAPICode;
+exports.getImportStyleContentCode = getImportStyleContentCode;
+exports.getImportStyleDomAPICode = getImportStyleDomAPICode;
+exports.getInsertOptionCode = getInsertOptionCode;
+exports.getLinkHmrCode = getLinkHmrCode;
+exports.getSetAttributesCode = getSetAttributesCode;
+exports.getStyleHmrCode = getStyleHmrCode;
+exports.getStyleTagTransformFn = getStyleTagTransformFn;
+exports.getStyleTagTransformFnCode = getStyleTagTransformFnCode;
+exports.getdomAPI = getdomAPI;
+exports.stringifyRequest = stringifyRequest;
+var _path = _interopRequireDefault(require("path"));
+var _isEqualLocals = _interopRequireDefault(require("./runtime/isEqualLocals"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function stringifyRequest(loaderContext, request) {
+  return JSON.stringify(loaderContext.utils.contextify(loaderContext.context, request));
+}
+function getImportLinkAPICode(esModule, loaderContext) {
+  const modulePath = stringifyRequest(loaderContext, `!${_path.default.join(__dirname, "runtime/injectStylesIntoLinkTag.js")}`);
+  return esModule ? `import API from ${modulePath};` : `var API = require(${modulePath});`;
+}
+function getImportLinkContentCode(esModule, loaderContext, request) {
+  const modulePath = stringifyRequest(loaderContext, `!!${request}`);
+  return esModule ? `import content from ${modulePath};` : `var content = require(${modulePath});`;
+}
+function getImportStyleAPICode(esModule, loaderContext) {
+  const modulePath = stringifyRequest(loaderContext, `!${_path.default.join(__dirname, "runtime/injectStylesIntoStyleTag.js")}`);
+  return esModule ? `import API from ${modulePath};` : `var API = require(${modulePath});`;
+}
+function getImportStyleDomAPICode(esModule, loaderContext, isSingleton, isAuto) {
+  const styleAPI = stringifyRequest(loaderContext, `!${_path.default.join(__dirname, "runtime/styleDomAPI.js")}`);
+  const singletonAPI = stringifyRequest(loaderContext, `!${_path.default.join(__dirname, "runtime/singletonStyleDomAPI.js")}`);
+  if (isAuto) {
+    return esModule ? `import domAPI from ${styleAPI};
+        import domAPISingleton from ${singletonAPI};` : `var domAPI = require(${styleAPI});
+        var domAPISingleton = require(${singletonAPI});`;
+  }
+  return esModule ? `import domAPI from ${isSingleton ? singletonAPI : styleAPI};` : `var domAPI = require(${isSingleton ? singletonAPI : styleAPI});`;
+}
+function getImportStyleContentCode(esModule, loaderContext, request) {
+  const modulePath = stringifyRequest(loaderContext, `!!${request}`);
+  return esModule ? `import content, * as namedExport from ${modulePath};` : `var content = require(${modulePath});`;
+}
+function getImportInsertBySelectorCode(esModule, loaderContext, insertType, options) {
+  if (insertType === "module-path") {
+    const modulePath = stringifyRequest(loaderContext, `${options.insert}`);
+    loaderContext.addBuildDependency(options.insert);
+    return esModule ? `import insertFn from ${modulePath};` : `var insertFn = require(${modulePath});`;
+  }
+  const modulePath = stringifyRequest(loaderContext, `!${_path.default.join(__dirname, "runtime/insertBySelector.js")}`);
+  return esModule ? `import insertFn from ${modulePath};` : `var insertFn = require(${modulePath});`;
+}
+function getInsertOptionCode(insertType, options) {
+  if (insertType === "module-path") {
+    return `options.insert = insertFn;`;
+  }
+  const insert = options.insert ? JSON.stringify(options.insert) : '"head"';
+  return `options.insert = insertFn.bind(null, ${insert});`;
+}
+function getImportInsertStyleElementCode(esModule, loaderContext) {
+  const modulePath = stringifyRequest(loaderContext, `!${_path.default.join(__dirname, "runtime/insertStyleElement.js")}`);
+  return esModule ? `import insertStyleElement from ${modulePath};` : `var insertStyleElement = require(${modulePath});`;
+}
+function getStyleHmrCode(esModule, loaderContext, request, lazy) {
+  const modulePath = stringifyRequest(loaderContext, `!!${request}`);
+  return `
+if (module.hot) {
+  if (!content.locals || module.hot.invalidate) {
+    var isEqualLocals = ${_isEqualLocals.default.toString()};
+    var isNamedExport = ${esModule ? "!content.locals" : false};
+    var oldLocals = isNamedExport ? namedExport : content.locals;
+
+    module.hot.accept(
+      ${modulePath},
+      function () {
+        ${esModule ? `if (!isEqualLocals(oldLocals, isNamedExport ? namedExport : content.locals, isNamedExport)) {
+                module.hot.invalidate();
+
+                return;
+              }
+
+              oldLocals = isNamedExport ? namedExport : content.locals;
+
+              ${lazy ? `if (update && refs > 0) {
+                      update(content);
+                    }` : `update(content);`}` : `content = require(${modulePath});
+
+              content = content.__esModule ? content.default : content;
+
+              ${lazy ? "" : `if (typeof content === 'string') {
+                      content = [[module.id, content, '']];
+                    }`}
+
+              if (!isEqualLocals(oldLocals, content.locals)) {
+                module.hot.invalidate();
+
+                return;
+              }
+
+              oldLocals = content.locals;
+
+              ${lazy ? `if (update && refs > 0) {
+                        update(content);
+                      }` : `update(content);`}`}
+      }
+    )
+  }
+
+  module.hot.dispose(function() {
+    ${lazy ? `if (update) {
+            update();
+          }` : `update();`}
+  });
+}
+`;
+}
+function getLinkHmrCode(esModule, loaderContext, request) {
+  const modulePath = stringifyRequest(loaderContext, `!!${request}`);
+  return `
+if (module.hot) {
+  module.hot.accept(
+    ${modulePath},
+    function() {
+     ${esModule ? "update(content);" : `content = require(${modulePath});
+
+           content = content.__esModule ? content.default : content;
+
+           update(content);`}
+    }
+  );
+
+  module.hot.dispose(function() {
+    update();
+  });
+}`;
+}
+function getdomAPI(isAuto) {
+  return isAuto ? "isOldIE() ? domAPISingleton : domAPI" : "domAPI";
+}
+function getImportIsOldIECode(esModule, loaderContext) {
+  const modulePath = stringifyRequest(loaderContext, `!${_path.default.join(__dirname, "runtime/isOldIE.js")}`);
+  return esModule ? `import isOldIE from ${modulePath};` : `var isOldIE = require(${modulePath});`;
+}
+function getStyleTagTransformFnCode(esModule, loaderContext, options, isSingleton) {
+  if (isSingleton) {
+    return "";
+  }
+  if (typeof options.styleTagTransform !== "undefined") {
+    const modulePath = stringifyRequest(loaderContext, `${options.styleTagTransform}`);
+    loaderContext.addBuildDependency(options.styleTagTransform);
+    return esModule ? `import styleTagTransformFn from ${modulePath};` : `var styleTagTransformFn = require(${modulePath});`;
+  }
+  const modulePath = stringifyRequest(loaderContext, `!${_path.default.join(__dirname, "runtime/styleTagTransform.js")}`);
+  return esModule ? `import styleTagTransformFn from ${modulePath};` : `var styleTagTransformFn = require(${modulePath});`;
+}
+function getStyleTagTransformFn(options, isSingleton) {
+  return isSingleton ? "" : `options.styleTagTransform = styleTagTransformFn`;
+}
+function getExportStyleCode(esModule, loaderContext, request) {
+  const modulePath = stringifyRequest(loaderContext, `!!${request}`);
+  return esModule ? `export * from ${modulePath};
+       export default content && content.locals ? content.locals : undefined;` : "module.exports = content && content.locals || {};";
+}
+function getExportLazyStyleCode(esModule, loaderContext, request) {
+  const modulePath = stringifyRequest(loaderContext, `!!${request}`);
+  return esModule ? `export * from ${modulePath};
+       export default exported;` : "module.exports = exported;";
+}
+function getSetAttributesCode(esModule, loaderContext, options) {
+  let modulePath;
+  if (typeof options.attributes !== "undefined") {
+    modulePath = options.attributes.nonce !== "undefined" ? stringifyRequest(loaderContext, `!${_path.default.join(__dirname, "runtime/setAttributesWithAttributesAndNonce.js")}`) : stringifyRequest(loaderContext, `!${_path.default.join(__dirname, "runtime/setAttributesWithAttributes.js")}`);
+  } else {
+    modulePath = stringifyRequest(loaderContext, `!${_path.default.join(__dirname, "runtime/setAttributesWithoutAttributes.js")}`);
+  }
+  return esModule ? `import setAttributes from ${modulePath};` : `var setAttributes = require(${modulePath});`;
+}
+
+// eslint-disable-next-line import/prefer-default-export
--- a/node_modules/style-loader/package.json
+++ b/node_modules/style-loader/package.json
@@ -0,0 +1,85 @@
+{
+  "name": "style-loader",
+  "version": "4.0.0",
+  "description": "style loader module for webpack",
+  "license": "MIT",
+  "repository": "webpack-contrib/style-loader",
+  "author": "Tobias Koppers @sokra",
+  "homepage": "https://github.com/webpack-contrib/style-loader",
+  "bugs": "https://github.com/webpack-contrib/style-loader/issues",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/webpack"
+  },
+  "main": "dist/cjs.js",
+  "engines": {
+    "node": ">= 18.12.0"
+  },
+  "scripts": {
+    "start": "npm run build -- -w",
+    "clean": "del-cli dist",
+    "validate:runtime": "es-check es3 \"dist/runtime/**/*.js\"",
+    "prebuild": "npm run clean",
+    "build": "cross-env NODE_ENV=production babel src -d dist --copy-files",
+    "postbuild": "npm run validate:runtime",
+    "commitlint": "commitlint --from=master",
+    "security": "npm audit --production",
+    "lint:prettier": "prettier --cache --list-different .",
+    "lint:js": "eslint --cache .",
+    "lint:spelling": "cspell --cache --no-must-find-files --quiet \"**/*.*\"",
+    "lint": "npm-run-all -l -p \"lint:**\"",
+    "fix:js": "npm run lint:js -- --fix",
+    "fix:prettier": "npm run lint:prettier -- --write",
+    "fix": "npm-run-all -l fix:js fix:prettier",
+    "test:only": "cross-env NODE_ENV=test jest",
+    "test:watch": "npm run test:only -- --watch",
+    "test:coverage": "npm run test:only -- --collectCoverageFrom=\"src/**/*.js\" --coverage",
+    "test:manual": "npm run build && webpack serve ./test/manual/src/index.js --open --config test/manual/webpack.config.js",
+    "pretest": "npm run lint",
+    "test": "npm run test:coverage",
+    "prepare": "husky && npm run build",
+    "release": "standard-version"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "webpack": "^5.27.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.24.1",
+    "@babel/core": "^7.24.4",
+    "@babel/preset-env": "^7.24.4",
+    "@commitlint/cli": "^19.2.1",
+    "@commitlint/config-conventional": "^19.1.0",
+    "@webpack-contrib/eslint-config-webpack": "^3.0.0",
+    "babel-jest": "^29.7.0",
+    "cross-env": "^7.0.3",
+    "cspell": "^8.6.1",
+    "css-loader": "^7.0.0",
+    "del-cli": "^5.1.0",
+    "es-check": "^7.1.1",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "file-loader": "^6.2.0",
+    "husky": "^9.0.11",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jsdom": "^24.0.0",
+    "lint-staged": "^15.2.2",
+    "memfs": "^4.8.1",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^3.2.5",
+    "sass": "^1.74.1",
+    "sass-loader": "^14.1.1",
+    "semver": "^7.6.0",
+    "standard-version": "^9.5.0",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.0.4"
+  },
+  "keywords": [
+    "webpack"
+  ]
+}
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,8 +19,10 @@
        "@babel/preset-env": "^7.23.0",
        "@vue/cli-service": "^5.0.0",
        "babel-loader": "^9.1.0",
-        "css-loader": "^6.8.0",
+        "css-loader": "^6.11.0",
        "eslint": "^8.50.0",
+        "html-webpack-plugin": "^5.6.4",
+        "style-loader": "^4.0.0",
        "vue-loader": "^17.3.0",
        "vue-template-compiler": "^2.7.0",
        "webpack": "^5.89.0",
@@ -9371,6 +9373,22 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/style-loader": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/style-loader/-/style-loader-4.0.0.tgz",
+      "integrity": "sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.27.0"
+      }
+    },
    "node_modules/stylehacks": {
      "version": "5.1.1",
      "resolved": "https://registry.npmmirror.com/stylehacks/-/stylehacks-5.1.1.tgz",
--- a/package.json
+++ b/package.json
@@ -17,22 +17,24 @@
  "author": "",
  "license": "MIT",
  "dependencies": {
-    "vue": "^3.4.0",
-    "vue-router": "^4.2.0",
    "axios": "^1.6.0",
-    "element-plus": "^2.4.0"
+    "element-plus": "^2.4.0",
+    "vue": "^3.4.0",
+    "vue-router": "^4.2.0"
  },
  "devDependencies": {
    "@babel/core": "^7.23.0",
    "@babel/preset-env": "^7.23.0",
    "@vue/cli-service": "^5.0.0",
+    "babel-loader": "^9.1.0",
+    "css-loader": "^6.11.0",
+    "eslint": "^8.50.0",
+    "html-webpack-plugin": "^5.6.4",
+    "style-loader": "^4.0.0",
+    "vue-loader": "^17.3.0",
+    "vue-template-compiler": "^2.7.0",
    "webpack": "^5.89.0",
    "webpack-cli": "^5.1.0",
-    "webpack-dev-server": "^4.15.0",
-    "eslint": "^8.50.0",
-    "babel-loader": "^9.1.0",
-    "css-loader": "^6.8.0",
-    "vue-loader": "^17.3.0",
-    "vue-template-compiler": "^2.7.0"
+    "webpack-dev-server": "^4.15.0"
  }
-}
+}
--- a/src/main.js
+++ b/src/main.js
@@ -11,10 +11,6 @@ import PlanList from './components/PlanList.vue';
 // 导入全局样式
 import './assets/styles/main.css';

-// 引入新创建的服务和工具（示例）
-import ApiService from './services/apiService'; // 示例服务
-import * as Utils from './utils/helpers';      // 示例工具函数
-
 // 配置路由
 const routes = [
  { path: '/', component: Home },
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,5 +1,6 @@
 const { VueLoaderPlugin } = require('vue-loader');
 const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');

 module.exports = (env, argv) => {
  const isDevelopment = argv.mode === 'development';
@@ -8,7 +9,8 @@ module.exports = (env, argv) => {
    entry: './src/main.js',
    output: {
      filename: 'bundle.js',
-      path: path.resolve(__dirname, 'dist')
+      path: path.resolve(__dirname, 'dist'),
+      clean: true
    },
    module: {
      rules: [
@@ -31,13 +33,20 @@ module.exports = (env, argv) => {
      ]
    },
    plugins: [
-      new VueLoaderPlugin()
+      new VueLoaderPlugin(),
+      new HtmlWebpackPlugin({
+        template: './index.html',
+        filename: 'index.html'
+      })
    ],
    devServer: {
-      static: './dist',
+      static: {
+        directory: path.join(__dirname, 'dist'),
+      },
      hot: true,
      open: true,
-      historyApiFallback: true
+      historyApiFallback: true,
+      port: 8080
    },
    resolve: {
      alias: {