fix: ams管理端icon

front/admin-front/src/api/constant.js

@@ -1,8 +1,6 @@
 export default {
   baseUrl: process.env.VUE_APP_BASE_API,
   baseIp: process.env.VUE_APP_BASE_IP,
-  systemId: "2edbaa6d6b6e4f338de39a604e357f9d",
-  frontSystemId: '7b5ba883d3c2bf15819a1deec685cb34',
-  frontSystemGroupId: '855e14fa43e843ceac4dcccd24a594dc',
+  systemId: "90703bb0ee2883f1a0c70bd28cf261cd",
   systemGroupId: "7651d3cf64e941f38aaff653049a129c",
 };

front/admin-front/src/icons/icon/Idcard-Image.vue

@@ -0,0 +1,34 @@
+
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M22.0187 16.8203L18.8887 9.50027C18.3187 8.16027 17.4687 7.40027 16.4987 7.35027C15.5387 7.30027 14.6087 7.97027 13.8987 9.25027L11.9987 12.6603C11.5987 13.3803 11.0287 13.8103 10.4087 13.8603C9.77867 13.9203 9.14867 13.5903 8.63867 12.9403L8.41867 12.6603C7.70867 11.7703 6.82867 11.3403 5.92867 11.4303C5.02867 11.5203 4.25867 12.1403 3.74867 13.1503L2.01867 16.6003C1.39867 17.8503 1.45867 19.3003 2.18867 20.4803C2.91867 21.6603 4.18867 22.3703 5.57867 22.3703H18.3387C19.6787 22.3703 20.9287 21.7003 21.6687 20.5803C22.4287 19.4603 22.5487 18.0503 22.0187 16.8203Z"
+      :fill="color"
+    />
+    <path
+      d="M6.96984 8.38109C8.83657 8.38109 10.3498 6.86782 10.3498 5.00109C10.3498 3.13437 8.83657 1.62109 6.96984 1.62109C5.10312 1.62109 3.58984 3.13437 3.58984 5.00109C3.58984 6.86782 5.10312 8.38109 6.96984 8.38109Z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "Idcard Image",
+    },
+    color: {
+      type: String,
+      default: "#292D32",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/add-circel-3.vue

@@ -0,0 +1,47 @@
+
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8 12H16"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 16V8"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "add circel 3",
+    },
+    color: {
+      type: String,
+      default: "#212121",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/add-circel.vue

@@ -0,0 +1,29 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16 12.75H12.75V16C12.75 16.41 12.41 16.75 12 16.75C11.59 16.75 11.25 16.41 11.25 16V12.75H8C7.59 12.75 7.25 12.41 7.25 12C7.25 11.59 7.59 11.25 8 11.25H11.25V8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V11.25H16C16.41 11.25 16.75 11.59 16.75 12C16.75 12.41 16.41 12.75 16 12.75Z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "add circel",
+    },
+    color: {
+      type: String,
+      default: "#212121",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/arrow-down.vue

@@ -0,0 +1,34 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      opacity="0.4"
+      d="M10.3189 8.82004L7.79219 5.45337H4.05219C3.41219 5.45337 3.09219 6.2267 3.54552 6.68004L6.99886 10.1334C7.55219 10.6867 8.45219 10.6867 9.00552 10.1334L10.3189 8.82004V8.82004Z"
+      :fill="color"
+    />
+    <path
+      d="M11.9473 5.45337H7.79395L10.3206 8.82004L12.4606 6.68004C12.9073 6.2267 12.5873 5.45337 11.9473 5.45337Z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "arrow down",
+    },
+    color: {
+      type: String,
+      default: "#292D32",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/arrow-left.vue

@@ -0,0 +1,34 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      opacity="0.4"
+      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+      :fill="color"
+    />
+    <path
+      d="M15.4995 11.2499H10.3095L12.0295 9.52994C12.3195 9.23994 12.3195 8.75994 12.0295 8.46994C11.7395 8.17994 11.2595 8.17994 10.9695 8.46994L7.96945 11.4699C7.67945 11.7599 7.67945 12.2399 7.96945 12.5299L10.9695 15.5299C11.1195 15.6799 11.3095 15.7499 11.4995 15.7499C11.6895 15.7499 11.8795 15.6799 12.0295 15.5299C12.3195 15.2399 12.3195 14.7599 12.0295 14.4699L10.3095 12.7499H15.4995C15.9095 12.7499 16.2495 12.4099 16.2495 11.9999C16.2495 11.5899 15.9095 11.2499 15.4995 11.2499Z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "arrow left",
+    },
+    color: {
+      type: String,
+      default: "#292D32",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/box-remove-5.vue

@@ -0,0 +1,41 @@
+<template>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M14.6666 4.42583L9.95828 1.8925C9.71356 1.7612 9.44016 1.69249 9.16244 1.69249C8.88473 1.69249 8.61133 1.7612 8.36661 1.8925L3.66661 4.42583C3.32494 4.6175 3.10828 4.98416 3.10828 5.38416C3.10828 5.7925 3.31661 6.15916 3.66661 6.3425L8.37494 8.87583C8.61816 9.00711 8.89022 9.07585 9.16661 9.07585C9.443 9.07585 9.71505 9.00711 9.95828 8.87583L14.6666 6.3425C15.0083 6.15916 15.2249 5.7925 15.2249 5.38416C15.2249 4.98416 15.0083 4.6175 14.6666 4.42583Z"
+      :fill="color"
+    />
+    <path
+      d="M7.59997 9.75833L3.22497 7.57499C3.06132 7.49158 2.87899 7.45163 2.69546 7.45897C2.51193 7.46631 2.33337 7.5207 2.17691 7.61692C2.02045 7.71314 1.89135 7.84795 1.80199 8.00843C1.71264 8.1689 1.66602 8.34965 1.66663 8.53333V12.6667C1.66663 13.3833 2.06663 14.025 2.7083 14.35L7.0833 16.5333C7.2333 16.6083 7.39997 16.65 7.56663 16.65C7.7583 16.65 7.9583 16.5917 8.1333 16.4917C8.44997 16.2917 8.64163 15.95 8.64163 15.575V11.4417C8.6333 10.725 8.2333 10.0833 7.59997 9.75833Z"
+      :fill="color"
+    />
+    <path
+      d="M16.6666 8.53333V10.5833C16.2666 10.4667 15.8416 10.4167 15.4166 10.4167C14.2833 10.4167 13.175 10.8083 12.3 11.5083C11.1 12.45 10.4166 13.875 10.4166 15.4167C10.4166 15.825 10.4666 16.2333 10.575 16.625C10.45 16.6083 10.325 16.5583 10.2083 16.4833C9.89162 16.2917 9.69995 15.95 9.69995 15.575V11.4417C9.69995 10.725 10.1 10.0833 10.7333 9.75833L15.1083 7.57499C15.2719 7.49158 15.4543 7.45163 15.6378 7.45897C15.8213 7.46631 15.9999 7.5207 16.1563 7.61692C16.3128 7.71314 16.4419 7.84795 16.5313 8.00843C16.6206 8.1689 16.6672 8.34965 16.6666 8.53333Z"
+      :fill="color"
+    />
+    <path
+      d="M18.0675 12.7667C17.7143 12.4115 17.2932 12.1311 16.8294 11.9421C16.3655 11.7532 15.8683 11.6595 15.3675 11.6667C14.4258 11.675 13.4842 12.05 12.7675 12.7667C12.2675 13.2583 11.9425 13.875 11.7842 14.5167C11.6925 14.8667 11.6592 15.225 11.6842 15.5833V15.625C11.6842 15.6833 11.6925 15.7333 11.7009 15.8L11.7092 15.8083V15.8333C11.7842 16.65 12.1342 17.4417 12.7675 18.0667C13.2234 18.524 13.7902 18.8551 14.4126 19.0275C15.0349 19.1999 15.6913 19.2076 16.3175 19.05C16.6842 18.9583 17.0425 18.8083 17.3758 18.6083C17.6258 18.4667 17.8592 18.2833 18.0675 18.0667C18.6925 17.4417 19.0508 16.65 19.1258 15.825C19.1342 15.825 19.1342 15.8083 19.1342 15.8C19.1508 15.7417 19.1509 15.675 19.1509 15.6167C19.1509 15.6083 19.1592 15.5917 19.1592 15.575C19.2092 14.5667 18.8425 13.5333 18.0675 12.7667ZM16.8592 16.8417C16.6175 17.0833 16.2258 17.0833 15.9758 16.8417L15.4258 16.2917L14.8592 16.8583C14.6092 17.1083 14.2175 17.1083 13.9758 16.8583C13.7258 16.6167 13.7258 16.225 13.9758 15.975L14.5425 15.4083L13.9925 14.8583C13.8763 14.7407 13.8111 14.582 13.8111 14.4167C13.8111 14.2513 13.8763 14.0926 13.9925 13.975C14.2425 13.725 14.6342 13.725 14.8842 13.975L15.4258 14.525L15.9509 13.9917C16.2009 13.75 16.5925 13.75 16.8425 13.9917C17.0842 14.2417 17.0842 14.6333 16.8425 14.8833L16.3092 15.4083L16.8592 15.95C17.1092 16.2 17.1092 16.5917 16.8592 16.8417Z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "box remove 5",
+    },
+    color: {
+      type: String,
+      default: "#292D32",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/box.vue

@@ -0,0 +1,44 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M22 15.7C22 15.69 21.99 15.68 21.98 15.67C21.94 15.61 21.89 15.55 21.84 15.5C21.83 15.49 21.82 15.47 21.81 15.46C21 14.56 19.81 14 18.5 14C17.24 14 16.09 14.52 15.27 15.36C14.48 16.17 14 17.28 14 18.5C14 19.34 14.24 20.14 14.65 20.82C14.87 21.19 15.15 21.53 15.47 21.81C15.49 21.82 15.5 21.83 15.51 21.84C15.56 21.89 15.61 21.93 15.67 21.98C15.67 21.98 15.67 21.98 15.68 21.98C15.69 21.99 15.7 22 15.71 22C16.46 22.63 17.43 23 18.5 23C20.14 23 21.57 22.12 22.35 20.82C22.58 20.43 22.76 20 22.87 19.55C22.96 19.21 23 18.86 23 18.5C23 17.44 22.63 16.46 22 15.7ZM20.18 19.23H19.25V20.2C19.25 20.61 18.91 20.95 18.5 20.95C18.09 20.95 17.75 20.61 17.75 20.2V19.23H16.82C16.41 19.23 16.07 18.89 16.07 18.48C16.07 18.07 16.41 17.73 16.82 17.73H17.75V16.84C17.75 16.43 18.09 16.09 18.5 16.09C18.91 16.09 19.25 16.43 19.25 16.84V17.73H20.18C20.59 17.73 20.93 18.07 20.93 18.48C20.93 18.89 20.6 19.23 20.18 19.23Z"
+      :fill="color"
+    />
+    <path
+      opacity="0.4"
+      d="M19.3504 5.65995L13.0604 2.27C12.4004 1.91 11.6004 1.91 10.9304 2.27L4.6404 5.65995C4.1804 5.90995 3.90039 6.39998 3.90039 6.93998C3.90039 7.47998 4.1804 7.96995 4.6404 8.21995L10.9304 11.61C11.2604 11.79 11.6304 11.88 11.9904 11.88C12.3504 11.88 12.7204 11.79 13.0504 11.61L19.3404 8.21995C19.8004 7.96995 20.0804 7.47998 20.0804 6.93998C20.1004 6.39998 19.8104 5.90995 19.3504 5.65995Z"
+      :fill="color"
+    />
+    <path
+      opacity="0.4"
+      d="M9.9007 12.7899L4.0507 9.85989C3.6007 9.62989 3.0807 9.65989 2.6507 9.91989C2.2207 10.1799 1.9707 10.6399 1.9707 11.1399V16.6699C1.9707 17.6299 2.5007 18.4899 3.3607 18.9199L9.21071 21.8399C9.41071 21.9399 9.63071 21.9899 9.85071 21.9899C10.1107 21.9899 10.3707 21.9199 10.6007 21.7699C11.0307 21.5099 11.2807 21.0499 11.2807 20.5499V15.0199C11.2907 14.0799 10.7607 13.2199 9.9007 12.7899Z"
+      :fill="color"
+    />
+    <path
+      opacity="0.4"
+      d="M22.0309 11.1502V15.7401C22.0209 15.7301 22.0109 15.7101 22.0009 15.7001C22.0009 15.6901 21.9909 15.6801 21.9809 15.6701C21.9409 15.6101 21.8909 15.5501 21.8409 15.5001C21.8309 15.4901 21.8209 15.4702 21.8109 15.4602C21.0009 14.5602 19.8109 14.0001 18.5009 14.0001C17.2409 14.0001 16.0909 14.5201 15.2709 15.3601C14.4809 16.1701 14.0009 17.2801 14.0009 18.5001C14.0009 19.3401 14.2409 20.1401 14.6509 20.8201C14.8209 21.1101 15.0309 21.3701 15.2609 21.6101L14.7909 21.8501C14.5909 21.9501 14.3709 22.0001 14.1509 22.0001C13.8909 22.0001 13.6309 21.9302 13.3909 21.7802C12.9709 21.5202 12.7109 21.0601 12.7109 20.5601V15.0401C12.7109 14.0801 13.2409 13.2201 14.1009 12.7901L19.9509 9.87013C20.4009 9.64013 20.9209 9.66012 21.3509 9.93012C21.7709 10.1901 22.0309 10.6502 22.0309 11.1502Z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "box",
+    },
+    color: {
+      type: String,
+      default: "#212121",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/close-circel.vue

@@ -0,0 +1,36 @@
+<template>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_96_1622)">
+      <path
+        d="M15.8926 4.10743C12.6458 0.860632 7.35424 0.860632 4.10744 4.10743C0.860644 7.35423 0.860644 12.6457 4.10744 15.8925C7.35424 19.1393 12.6458 19.1393 15.8926 15.8925C19.1394 12.6457 19.1394 7.35423 15.8926 4.10743ZM11.9151 12.799L10 10.8839L8.08492 12.799C7.84332 13.0405 7.44263 13.0405 7.20104 12.799C6.95944 12.5574 6.95944 12.1567 7.20104 11.9151L9.11612 9.99999L7.20104 8.08491C6.95944 7.84331 6.95944 7.44262 7.20104 7.20102C7.44263 6.95943 7.84332 6.95943 8.08492 7.20102L10 9.1161L11.9151 7.20102C12.1567 6.95943 12.5574 6.95943 12.799 7.20102C13.0406 7.44262 13.0406 7.84331 12.799 8.08491L10.8839 9.99999L12.799 11.9151C13.0406 12.1567 13.0406 12.5574 12.799 12.799C12.5574 13.0405 12.1567 13.0405 11.9151 12.799Z"
+        :fill="color"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_96_1622">
+        <rect width="20" height="20" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "close circel",
+    },
+    color: {
+      type: String,
+      default: "#212121",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/info-circle.vue

@@ -0,0 +1,38 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      opacity="0.4"
+      d="M7.99992 14.6667C11.6819 14.6667 14.6666 11.682 14.6666 8.00001C14.6666 4.31801 11.6819 1.33334 7.99992 1.33334C4.31792 1.33334 1.33325 4.31801 1.33325 8.00001C1.33325 11.682 4.31792 14.6667 7.99992 14.6667Z"
+      :fill="color"
+    />
+    <path
+      d="M8 9.16668C8.27333 9.16668 8.5 8.94001 8.5 8.66668V5.33334C8.5 5.06001 8.27333 4.83334 8 4.83334C7.72667 4.83334 7.5 5.06001 7.5 5.33334V8.66668C7.5 8.94001 7.72667 9.16668 8 9.16668Z"
+      :fill="color"
+    />
+    <path
+      d="M8.61325 10.4127C8.57992 10.3327 8.53325 10.2593 8.47325 10.1927C8.40659 10.1327 8.33325 10.086 8.25325 10.0527C8.09094 9.98599 7.90889 9.98599 7.74659 10.0527C7.66659 10.086 7.59325 10.1327 7.52659 10.1927C7.46659 10.2593 7.41992 10.3327 7.38659 10.4127C7.35325 10.4927 7.33325 10.5793 7.33325 10.666C7.33325 10.7527 7.35325 10.8393 7.38659 10.9193C7.41992 11.006 7.46659 11.0727 7.52659 11.1393C7.59325 11.1993 7.66659 11.246 7.74659 11.2793C7.82659 11.3127 7.91325 11.3327 7.99992 11.3327C8.08659 11.3327 8.17325 11.3127 8.25325 11.2793C8.33325 11.246 8.40659 11.1993 8.47325 11.1393C8.53325 11.0727 8.57992 11.006 8.61325 10.9193C8.64659 10.8393 8.66659 10.7527 8.66659 10.666C8.66659 10.5793 8.64659 10.4927 8.61325 10.4127V10.4127Z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "box",
+    },
+    color: {
+      type: String,
+      default: "#212121",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/lock-circle.vue

@@ -0,0 +1,41 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M15 11.75C14.59 11.75 14.25 11.41 14.25 11V10C14.25 8.54 13.89 7.75 12 7.75C10.11 7.75 9.75 8.54 9.75 10V11C9.75 11.41 9.41 11.75 9 11.75C8.59 11.75 8.25 11.41 8.25 11V10C8.25 9.07 8.25 6.25 12 6.25C15.75 6.25 15.75 9.07 15.75 10V11C15.75 11.41 15.41 11.75 15 11.75Z"
+      :fill="color"
+    />
+    <path
+      d="M12.0004 15.3499C11.2604 15.3499 10.6504 14.7399 10.6504 13.9999C10.6504 13.2599 11.2604 12.6499 12.0004 12.6499C12.7404 12.6499 13.3503 13.2599 13.3503 13.9999C13.3503 14.7399 12.7404 15.3499 12.0004 15.3499ZM12.0004 13.8499C11.9204 13.8499 11.8503 13.9199 11.8503 13.9999C11.8503 14.1699 12.1504 14.1699 12.1504 13.9999C12.1504 13.9199 12.0804 13.8499 12.0004 13.8499Z"
+      :fill="color"
+    />
+    <path
+      d="M14.5 17.75H9.5C7.1 17.75 6.25 16.9 6.25 14.5V13.5C6.25 11.1 7.1 10.25 9.5 10.25H14.5C16.9 10.25 17.75 11.1 17.75 13.5V14.5C17.75 16.9 16.9 17.75 14.5 17.75ZM9.5 11.75C7.91 11.75 7.75 11.91 7.75 13.5V14.5C7.75 16.09 7.91 16.25 9.5 16.25H14.5C16.09 16.25 16.25 16.09 16.25 14.5V13.5C16.25 11.91 16.09 11.75 14.5 11.75H9.5Z"
+      :fill="color"
+    />
+    <path
+      d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "lock circle",
+    },
+    color: {
+      type: String,
+      default: "#292D32",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/minus-cirlce.vue

@@ -0,0 +1,34 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      opacity="0.4"
+      d="M12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22Z"
+      :fill="color"
+    />
+    <path
+      d="M15.9199 12.75H7.91992C7.50992 12.75 7.16992 12.41 7.16992 12C7.16992 11.59 7.50992 11.25 7.91992 11.25H15.9199C16.1188 11.25 16.3096 11.329 16.4503 11.4697C16.5909 11.6103 16.6699 11.8011 16.6699 12C16.6699 12.1989 16.5909 12.3897 16.4503 12.5303C16.3096 12.671 16.1188 12.75 15.9199 12.75Z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "minus circel",
+    },
+    color: {
+      type: String,
+      default: "#212121",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/money-receive.vue

@@ -0,0 +1,67 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M9.5 13.75C9.5 14.72 10.25 15.5 11.17 15.5H13.05C13.85 15.5 14.5 14.82 14.5 13.97C14.5 13.06 14.1 12.73 13.51 12.52L10.5 11.47C9.91 11.26 9.51001 10.94 9.51001 10.02C9.51001 9.17999 10.16 8.48999 10.96 8.48999H12.84C13.76 8.48999 14.51 9.26999 14.51 10.24"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 7.5V16.5"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M17 3V7H21"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M22 2L17 7"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 2C6.48 2 2 6.48 2 12C2 15.94 4.28001 19.35 7.60001 20.98"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M22 12C22 17.52 17.52 22 12 22"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "money receive",
+    },
+    color: {
+      type: String,
+      default: "#212121",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/money-send.vue

@@ -0,0 +1,67 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M9.5 13.75C9.5 14.72 10.25 15.5 11.17 15.5H13.05C13.85 15.5 14.5 14.82 14.5 13.97C14.5 13.06 14.1 12.73 13.51 12.52L10.5 11.47C9.91 11.26 9.51001 10.94 9.51001 10.02C9.51001 9.17999 10.16 8.48999 10.96 8.48999H12.84C13.76 8.48999 14.51 9.26999 14.51 10.24"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 7.5V16.5"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 2C6.48 2 2 6.48 2 12C2 15.94 4.28001 19.35 7.60001 20.98"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M22 12C22 17.52 17.52 22 12 22"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M22 6V2H18"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M17 7L22 2"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "money send",
+    },
+    color: {
+      type: String,
+      default: "#212121",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/moon.vue

@@ -0,0 +1,27 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.4">
+      <path
+        d="M8.99873 19.0001C8.99873 19.8401 9.12873 20.6601 9.36873 21.4201C5.52873 20.0901 2.62873 16.5601 2.32873 12.4301C2.02873 8.04012 4.55873 3.94012 8.64873 2.22012C9.70873 1.78012 10.2487 2.10012 10.4787 2.33012C10.6987 2.55012 11.0087 3.08012 10.5687 4.09012C10.122 5.12567 9.8939 6.24232 9.89873 7.37012C9.90873 9.41012 10.7087 11.3001 12.0087 12.7501C11.0693 13.4984 10.3107 14.4491 9.78957 15.5312C9.26842 16.6133 8.99809 17.799 8.99873 19.0001V19.0001Z"
+        :fill="color" />
+      <path opacity="0.4"
+        d="M21.21 17.72C20.2322 19.0464 18.956 20.1241 17.4846 20.8658C16.0132 21.6076 14.3878 21.9927 12.74 21.99C12.58 21.99 12.42 21.98 12.26 21.97C11.26 21.93 10.29 21.74 9.37 21.42C9.13 20.66 9 19.84 9 19C9 16.47 10.18 14.21 12.01 12.75C12.7565 13.5914 13.6641 14.2745 14.6793 14.7588C15.6944 15.2432 16.7964 15.519 17.92 15.57C18.55 15.6 19.18 15.55 19.8 15.44C20.92 15.24 21.37 15.66 21.53 15.93C21.7 16.2 21.88 16.79 21.21 17.72Z"
+        :fill="color" />
+    </g>
+  </svg>
+</template>
+
+<script>
+  export default {
+    props: {
+      title: {
+        type: String,
+        default: "moon",
+      },
+      color: {
+        type: String,
+        default: "#292D32",
+      },
+    },
+  };
+</script>

front/admin-front/src/icons/icon/qq.vue

@@ -0,0 +1,23 @@
+<template>
+  <svg t="1660015726740" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+    p-id="4211" width="128" height="128">
+    <path
+      d="M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z"
+      p-id="4212" :fill="color"></path>
+  </svg>
+</template>
+
+<script>
+  export default {
+    props: {
+      title: {
+        type: String,
+        default: "qq",
+      },
+      color: {
+        type: String,
+        default: "#292D32",
+      },
+    },
+  };
+</script>

front/admin-front/src/icons/icon/shield-search.vue

@@ -0,0 +1,37 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M19.4491 6.94063V9.45062C19.4491 10.1606 18.7291 10.6206 18.0591 10.3706C17.2191 10.0606 16.2891 9.94062 15.3091 10.0406C12.9291 10.3006 10.4891 12.5906 10.0891 14.9606C9.75906 16.9306 10.3891 18.7706 11.5991 20.0706C12.1491 20.6706 11.7791 21.6406 10.9691 21.7306C10.2791 21.8106 9.59906 21.7906 9.21906 21.5106L3.71906 17.4006C3.06906 16.9106 2.53906 15.8506 2.53906 15.0306V6.94063C2.53906 5.81063 3.39906 4.57063 4.44906 4.17063L9.94906 2.11062C10.5191 1.90063 11.4591 1.90063 12.0291 2.11062L17.5291 4.17063C18.5891 4.57063 19.4491 5.81063 19.4491 6.94063Z"
+      fill="#EDD75A"
+    />
+    <path
+      d="M16 11.5117C13.52 11.5117 11.5 13.5317 11.5 16.0117C11.5 18.4917 13.52 20.5117 16 20.5117C18.48 20.5117 20.5 18.4917 20.5 16.0117C20.5 13.5217 18.48 11.5117 16 11.5117Z"
+      fill="#292D32"
+    />
+    <path
+      d="M21 22.0009C20.73 22.0009 20.48 21.8909 20.29 21.7109C20.25 21.6609 20.2 21.6109 20.17 21.5509C20.13 21.5009 20.1 21.4409 20.08 21.3809C20.05 21.3209 20.03 21.2609 20.02 21.2009C20.01 21.1309 20 21.0709 20 21.0009C20 20.8709 20.03 20.7409 20.08 20.6209C20.13 20.4909 20.2 20.3909 20.29 20.2909C20.52 20.0609 20.87 19.9509 21.19 20.0209C21.26 20.0309 21.32 20.0509 21.38 20.0809C21.44 20.1009 21.5 20.1309 21.55 20.1709C21.61 20.2009 21.66 20.2509 21.71 20.2909C21.8 20.3909 21.87 20.4909 21.92 20.6209C21.97 20.7409 22 20.8709 22 21.0009C22 21.2609 21.89 21.5209 21.71 21.7109C21.66 21.7509 21.61 21.7909 21.55 21.8309C21.5 21.8709 21.44 21.9009 21.38 21.9209C21.32 21.9509 21.26 21.9709 21.19 21.9809C21.13 21.9909 21.06 22.0009 21 22.0009Z"
+      fill="#292D32"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "shield search",
+    },
+    color: {
+      type: String,
+      default: "#292D32",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/sun-fog.vue

@@ -0,0 +1,35 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M18.48 12.2501C18.5473 12.2501 18.614 12.2366 18.676 12.2102C18.738 12.1838 18.7941 12.1452 18.8408 12.0966C18.8875 12.0481 18.9239 11.9905 18.9478 11.9276C18.9717 11.8646 18.9826 11.7974 18.98 11.7301C19.0489 10.7713 18.9195 9.8086 18.5999 8.90202C18.2804 7.99544 17.7775 7.16442 17.1226 6.46078C16.4677 5.75713 15.6748 5.19595 14.7935 4.81223C13.9121 4.4285 12.9612 4.23047 12 4.23047C11.0387 4.23047 10.0878 4.4285 9.20642 4.81223C8.32508 5.19595 7.53224 5.75713 6.87735 6.46078C6.22245 7.16442 5.71954 7.99544 5.39998 8.90202C5.08042 9.8086 4.95105 10.7713 5.01995 11.7301C5.01726 11.7974 5.0282 11.8646 5.05212 11.9276C5.07603 11.9905 5.11244 12.0481 5.15914 12.0966C5.20584 12.1452 5.26187 12.1838 5.32388 12.2102C5.38588 12.2366 5.45258 12.2501 5.51995 12.2501H18.48Z"
+      :fill="color" />
+    <path
+      d="M22 13H21.92C21.37 13 20.92 12.55 20.92 12C20.92 11.45 21.37 11 21.92 11C22.47 11 22.96 11.45 22.96 12C22.96 12.55 22.55 13 22 13ZM2.08 13H2C1.45 13 1 12.55 1 12C1 11.45 1.45 11 2 11C2.55 11 3.04 11.45 3.04 12C3.04 12.55 2.63 13 2.08 13ZM19.01 5.99C18.75 5.99 18.5 5.89 18.3 5.7C18.2073 5.60749 18.1337 5.4976 18.0836 5.37662C18.0334 5.25565 18.0076 5.12597 18.0076 4.995C18.0076 4.86403 18.0334 4.73435 18.0836 4.61338C18.1337 4.4924 18.2073 4.38251 18.3 4.29L18.43 4.16C18.5226 4.06742 18.6325 3.99398 18.7535 3.94387C18.8744 3.89377 19.0041 3.86798 19.135 3.86798C19.2659 3.86798 19.3956 3.89377 19.5165 3.94387C19.6375 3.99398 19.7474 4.06742 19.84 4.16C19.9326 4.25258 20.006 4.36249 20.0561 4.48346C20.1062 4.60442 20.132 4.73407 20.132 4.865C20.132 4.99593 20.1062 5.12558 20.0561 5.24654C20.006 5.36751 19.9326 5.47742 19.84 5.57L19.71 5.7C19.52 5.89 19.27 5.99 19.01 5.99ZM4.99 5.99C4.73 5.99 4.48 5.89 4.28 5.7L4.15 5.57C4.05742 5.47742 3.98398 5.36751 3.93387 5.24654C3.88377 5.12558 3.85798 4.99593 3.85798 4.865C3.85798 4.73407 3.88377 4.60442 3.93387 4.48346C3.98398 4.36249 4.05742 4.25258 4.15 4.16C4.24258 4.06742 4.35249 3.99398 4.47346 3.94387C4.59442 3.89377 4.72407 3.86798 4.855 3.86798C4.98593 3.86798 5.11558 3.89377 5.23654 3.94387C5.35751 3.99398 5.46742 4.06742 5.56 4.16L5.69 4.29C5.82894 4.42905 5.92364 4.6061 5.96215 4.79886C6.00066 4.99163 5.98128 5.19147 5.90643 5.37324C5.83159 5.555 5.70463 5.71056 5.54155 5.82031C5.37848 5.93006 5.18657 5.9891 4.99 5.99ZM12 3.04C11.45 3.04 11 2.63 11 2.08V2C11 1.45 11.45 1 12 1C12.55 1 13 1.45 13 2C13 2.55 12.55 3.04 12 3.04Z"
+      :fill="color" />
+    <path opacity="0.4"
+      d="M20 15.75H4C3.59 15.75 3.25 15.41 3.25 15C3.25 14.59 3.59 14.25 4 14.25H20C20.41 14.25 20.75 14.59 20.75 15C20.75 15.41 20.41 15.75 20 15.75Z"
+      :fill="color" />
+    <path opacity="0.4"
+      d="M18 18.75H6C5.59 18.75 5.25 18.41 5.25 18C5.25 17.59 5.59 17.25 6 17.25H18C18.41 17.25 18.75 17.59 18.75 18C18.75 18.41 18.41 18.75 18 18.75Z"
+      :fill="color" />
+    <path opacity="0.4"
+      d="M15 21.75H9C8.59 21.75 8.25 21.41 8.25 21C8.25 20.59 8.59 20.25 9 20.25H15C15.41 20.25 15.75 20.59 15.75 21C15.75 21.41 15.41 21.75 15 21.75Z"
+      :fill="color" />
+  </svg>
+
+</template>
+
+<script>
+  export default {
+    props: {
+      title: {
+        type: String,
+        default: "sun fog",
+      },
+      color: {
+        type: String,
+        default: "#292D32",
+      },
+    },
+  };
+</script>

front/admin-front/src/icons/icon/user-delete.vue

@@ -0,0 +1,52 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M18.41 18.09L15.59 20.91"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M18.41 20.91L15.59 18.09"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12.1601 10.87C12.0601 10.86 11.9401 10.86 11.8301 10.87C9.45006 10.79 7.56006 8.84 7.56006 6.44C7.56006 3.99 9.54006 2 12.0001 2C14.4501 2 16.4401 3.99 16.4401 6.44C16.4301 8.84 14.5401 10.79 12.1601 10.87Z"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 21.8101C10.18 21.8101 8.37005 21.3501 6.99005 20.4301C4.57005 18.8101 4.57005 16.1701 6.99005 14.5601C9.74005 12.7201 14.25 12.7201 17 14.5601"
+      :stroke="color"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "user delete",
+    },
+    color: {
+      type: String,
+      default: "#292D32",
+    },
+  },
+};
+</script>

front/admin-front/src/icons/icon/wechat.vue

@@ -0,0 +1,23 @@
+<template>
+  <svg t="1660015206199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+    p-id="3290" width="128" height="128">
+    <path
+      d="M248.3 789.3l-39.7 131.8L353.2 842c52.8 13.2 105.8 26.4 158.3 26.4 250.9 0 448.6-171.6 448.6-382.8 0-210.9-197.7-382.8-448.6-382.8-237 0-448 171.9-448 382.8 0 119 78.8 224.3 184.8 303.7zM591 366.9c0-26.3 26.1-52.8 66-52.8 26.3 0 52.8 26.4 52.8 52.8 0 26.6-26.5 52.8-52.8 52.8-39.9-0.1-66-26.2-66-52.8z m-290.2 0c0-26.3 26.5-52.8 66-52.8 26.1 0 52.4 26.4 52.4 52.8 0 26.6-26.3 52.8-52.4 52.8-39.5-0.1-66-26.2-66-52.8z m0 0"
+      p-id="3291" :fill="color"></path>
+  </svg>
+</template>
+
+<script>
+  export default {
+    props: {
+      title: {
+        type: String,
+        default: "wechat",
+      },
+      color: {
+        type: String,
+        default: "#292D32",
+      },
+    },
+  };
+</script>

front/admin-front/src/layout/components/Navbar.vue

@@ -168,9 +168,12 @@ export default {
   }
 
   .logout-btn {
+    width: 100px;
+    height: 43px;
     position: absolute;
     top: -4px;
     left: 235px;
+    cursor: pointer;
   }
 }
 </style>

front/admin-front/src/utils/request.js

@@ -13,6 +13,10 @@ axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 if (getToken()) {
   axios.defaults.headers['X-UC-AuthToken'] = getToken()
 }
+
+axios.defaults.headers['Accept-Language'] = 'en-US';
+axios.defaults.headers["X-SYSTEM-ID"] = constant.systemId ? constant.systemId : ""
+axios.defaults.headers["X-SYSTEM-GROUP-ID"] = constant.systemGroupId ? constant.systemGroupId : ""
 // create an axios instance
 const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
@@ -24,9 +28,6 @@ const service = axios.create({
 service.interceptors.request.use(
   config => {
     console.log("config", config);
-    config.headers['Accept-Language'] = 'en-US';
-    config.headers["X-SYSTEM-ID"] = constant.systemId ? constant.systemId : ""
-    config.headers["X-SYSTEM-GROUP-ID"] = constant.systemGroupId ? constant.systemGroupId : ""
     // do something before request is sent
     if (getToken()) {
       // let each request carry token

front/admin-front/src/views/address/index.vue

@@ -1,85 +1,110 @@
 <template>
-  <div class="app-container">
-    <el-form ref="form" :model="form" label-width="120px">
-      <el-form-item label="Activity name">
-        <el-input v-model="form.name" />
+  <div class="el-container">
+    <el-form
+      :model="ruleForm"
+      status-icon
+      :rules="rules"
+      ref="ruleForm"
+      label-width="100px"
+      class="demo-ruleForm"
+      style="margin: auto"
+    >
+      <el-form-item label="密码" prop="password">
+        <el-input
+          type="password"
+          v-model="ruleForm.password"
+          autocomplete="off"
+        ></el-input>
       </el-form-item>
-      <el-form-item label="Activity zone">
-        <el-select v-model="form.region" placeholder="please select your zone">
-          <el-option label="Zone one" value="shanghai" />
-          <el-option label="Zone two" value="beijing" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="Activity time">
-        <el-col :span="11">
-          <el-date-picker v-model="form.date1" type="date" placeholder="Pick a date" style="width: 100%;" />
-        </el-col>
-        <el-col :span="2" class="line">-</el-col>
-        <el-col :span="11">
-          <el-time-picker v-model="form.date2" type="fixed-time" placeholder="Pick a time" style="width: 100%;" />
-        </el-col>
-      </el-form-item>
-      <el-form-item label="Instant delivery">
-        <el-switch v-model="form.delivery" />
-      </el-form-item>
-      <el-form-item label="Activity type">
-        <el-checkbox-group v-model="form.type">
-          <el-checkbox label="Online activities" name="type" />
-          <el-checkbox label="Promotion activities" name="type" />
-          <el-checkbox label="Offline activities" name="type" />
-          <el-checkbox label="Simple brand exposure" name="type" />
-        </el-checkbox-group>
-      </el-form-item>
-      <el-form-item label="Resources">
-        <el-radio-group v-model="form.resource">
-          <el-radio label="Sponsor" />
-          <el-radio label="Venue" />
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item label="Activity form">
-        <el-input v-model="form.desc" type="textarea" />
+      <el-form-item label="地址组名称" prop="groupName">
+        <el-input v-model="ruleForm.groupName" autocomplete="off"></el-input>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" @click="onSubmit">Create</el-button>
-        <el-button @click="onCancel">Cancel</el-button>
+        <el-button type="primary" @click="submitForm('ruleForm')"
+          >提交</el-button
+        >
+        <el-button @click="resetForm('ruleForm')">重置</el-button>
       </el-form-item>
     </el-form>
   </div>
 </template>
-
 <script>
+import AES from "@/utils/aes";
+import Axios from "axios";
+import { Message } from "element-ui";
 export default {
   data() {
     return {
-      form: {
-        name: '',
-        region: '',
-        date1: '',
-        date2: '',
-        delivery: false,
-        type: [],
-        resource: '',
-        desc: ''
-      }
-    }
+      url: process.env.VUE_APP_BASE_API,
+      ruleForm: {
+        password: "",
+        groupName: "",
+        address: "",
+      },
+      rules: {},
+    };
   },
   methods: {
-    onSubmit() {
-      this.$message('submit!')
-    },
-    onCancel() {
-      this.$message({
-        message: 'cancel!',
-        type: 'warning'
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-.line{
-  text-align: center;
-}
-</style>
+    submitForm(formName) {
+      const service = Axios.create({
+        // axios中请求配置有baseURL选项，表示请求URL公共部分
+        baseURL:
+          this.url + "ams/address/download/batch-keystore",
+        // 超时
+        timeout: 10000,
+      });
 
+      service.interceptors.response.use((response) => {
+        console.log("hello world");
+        console.log(response);
+      });
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          Axios.post(
+            this.url + "ams/address/download/batch-keystore",
+            {
+              groupName: this.ruleForm.groupName,
+              password: AES.encryptAes(this.ruleForm.password),
+            },
+            {
+              responseType: "arraybuffer",
+              headers: {
+                "Conntent-Type": "application/json; application/octet-stream;",
+              },
+            }
+          )
+            .then((response) => {
+              console.log(response.data);
+              // this.downloadFile(response.data);
+            })
+            .catch((e) => {
+              console.log(e);
+            });
+        } else {
+          Message.error("download error!!");
+          return false;
+        }
+      });
+    },
+    downloadFile(data) {
+      let blob = new Blob([data], {
+        type: "application/zip",
+      });
+      let url = window.URL.createObjectURL(blob);
+      const link = document.createElement("a"); // 创建a标签
+      link.href = url;
+      link.download = this.ruleForm.groupName + ".zip";
+      link.click();
+      URL.revokeObjectURL(url); // 释放内存
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+    },
+  },
+  computed: {
+    saveAs() {
+      return saveAs;
+    },
+  },
+};
+</script>

front/admin-front/src/views/login/index.vue

@@ -376,6 +376,8 @@ export default {
 }
 .login-box {
   // height: 1080px;
+  margin-top: 40px;
+  position: fixed;
 }
 .flex-container {
   display: flex;