From fcc79b0c656a8b4a1c17dc6b5dab085da452742d Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Thu, 13 Jun 2024 10:04:35 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E7=BD=AE=E5=AF=86=E7=A0=81=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/svg/resetSuccess.svg |   1 +
 src/views/forgetpassword/index.vue    | 377 +++++++++++++++++---------
 2 files changed, 254 insertions(+), 124 deletions(-)
 create mode 100644 src/assets/icons/svg/resetSuccess.svg

diff --git a/src/assets/icons/svg/resetSuccess.svg b/src/assets/icons/svg/resetSuccess.svg
new file mode 100644
index 00000000..96c094b7
--- /dev/null
+++ b/src/assets/icons/svg/resetSuccess.svg
@@ -0,0 +1 @@
+<svg height="1291" node-id="1" sillyvg="true" template-height="1291" template-width="1430" version="1.1" viewBox="0 0 1430 1291" width="1430" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs node-id="56"><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_15" node-id="5" spreadMethod="pad" x1="716.4" x2="716.4" y1="629.82" y2="350.19"><stop offset="0" stop-color="#f7fbff"/><stop offset="1" stop-color="#ecf5ff"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_15-2" node-id="8" spreadMethod="pad" x1="420.95" x2="420.95" y1="487.12" y2="367.47"><stop offset="0" stop-color="#f7fbff"/><stop offset="1" stop-color="#ecf5ff"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_15-3" node-id="9" spreadMethod="pad" x1="709.91" x2="709.91" y1="311.19" y2="209.09"><stop offset="0" stop-color="#f7fbff"/><stop offset="1" stop-color="#ecf5ff"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_15-4" node-id="10" spreadMethod="pad" x1="1006.52" x2="1006.52" y1="472.7" y2="348.78"><stop offset="0" stop-color="#f7fbff"/><stop offset="1" stop-color="#ecf5ff"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_15-5" node-id="11" spreadMethod="pad" x1="620.2" x2="620.2" y1="465.63" y2="362.1"><stop offset="0" stop-color="#f7fbff"/><stop offset="1" stop-color="#ecf5ff"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_15-6" node-id="12" spreadMethod="pad" x1="804.85" x2="804.85" y1="462.68" y2="357.54"><stop offset="0" stop-color="#f7fbff"/><stop offset="1" stop-color="#ecf5ff"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_15-7" node-id="13" spreadMethod="pad" x1="580.63" x2="580.63" y1="340.62" y2="305.69"><stop offset="0" stop-color="#f7fbff"/><stop offset="1" stop-color="#ecf5ff"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_15-8" node-id="14" spreadMethod="pad" x1="839.42" x2="839.42" y1="334.82" y2="299.54"><stop offset="0" stop-color="#f7fbff"/><stop offset="1" stop-color="#ecf5ff"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_15-9" node-id="15" spreadMethod="pad" x1="854.69" x2="854.69" y1="637.39" y2="430.01"><stop offset="0" stop-color="#f7fbff"/><stop offset="1" stop-color="#ecf5ff"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_15-10" node-id="16" spreadMethod="pad" x1="574.34" x2="574.34" y1="641.1" y2="439.72"><stop offset="0" stop-color="#f7fbff"/><stop offset="1" stop-color="#ecf5ff"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_10" node-id="17" spreadMethod="pad" x1="714.93" x2="714.93" y1="1290.92" y2="995.69"><stop offset="0" stop-color="#f7fbff" stop-opacity="0.5"/><stop offset="1" stop-color="#ecf5ff"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_15-11" node-id="20" spreadMethod="pad" x1="1227.25" x2="1007.27" y1="66.57" y2="66.57"><stop offset="0" stop-color="#f7fbff"/><stop offset="1" stop-color="#ecf5ff"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="_未命名的渐变_14" node-id="21" spreadMethod="pad" x1="714.81" x2="714.81" y1="996.86" y2="578.89"><stop offset="0" stop-color="#dcedff"/><stop offset="1" stop-color="#4095e6"/></linearGradient></defs><g node-id="205"><g node-id="206"><path d="M 738.70 616.30 L 739.80 612.00 L 740.00 607.60 L 737.00 409.30 L 736.00 367.90 L 735.30 364.20 L 734.50 361.80 L 731.80 357.50 L 729.90 355.70 L 727.50 354.00 L 724.30 352.30 L 720.80 351.10 L 717.30 350.40 L 714.00 350.20 L 710.70 350.50 L 707.50 351.20 L 704.40 352.50 L 701.40 354.40 L 696.60 358.60 L 695.30 360.20 L 694.30 362.00 L 693.40 364.80 L 692.90 367.70 L 694.60 492.90 L 696.90 612.40 L 697.50 615.40 L 698.50 618.20 L 700.00 620.90 L 702.00 623.30 L 704.60 625.60 L 707.60 627.40 L 710.70 628.70 L 714.10 629.50 L 717.50 629.80 L 720.90 629.60 L 724.20 629.00 L 727.40 627.90 L 730.40 626.40 L 733.10 624.50 L 735.40 622.10 L 737.30 619.40 L 738.70 616.30 Z" fill="url(#_未命名的渐变_15)" fill-rule="nonzero" group-id="1,2" node-id="142" stroke="none" target-height="279.59998" target-width="47.099976" target-x="692.9" target-y="350.2"/><path d="M 391.80 368.90 L 389.60 370.40 L 386.40 373.60 L 385.40 375.50 L 384.50 378.20 L 384.10 381.20 L 384.30 384.50 L 388.70 411.20 L 388.60 414.30 L 387.80 417.00 L 386.50 419.60 L 384.80 422.10 L 369.40 436.50 L 363.10 443.40 L 361.80 445.90 L 361.10 448.40 L 361.00 450.40 L 361.90 454.50 L 363.00 456.90 L 364.70 459.70 L 366.60 461.70 L 368.80 463.10 L 371.20 463.90 L 373.90 464.30 L 387.80 462.40 L 401.70 459.80 L 404.50 459.60 L 409.50 460.40 L 412.60 461.60 L 415.70 463.60 L 418.80 466.30 L 434.90 483.10 L 437.60 485.20 L 441.50 486.80 L 445.60 487.00 L 447.90 486.50 L 450.40 485.50 L 452.90 484.10 L 454.80 482.50 L 456.20 480.80 L 457.20 478.90 L 458.30 474.60 L 458.30 471.20 L 454.00 446.00 L 454.30 440.50 L 454.90 438.00 L 456.40 434.80 L 458.50 431.70 L 461.30 428.60 L 474.60 416.00 L 477.00 413.50 L 478.90 410.90 L 480.60 407.00 L 480.90 402.80 L 479.60 398.20 L 478.30 395.90 L 476.90 394.10 L 475.30 392.80 L 471.40 391.00 L 469.20 390.60 L 465.80 390.50 L 462.10 390.90 L 447.60 393.40 L 439.70 395.20 L 436.90 395.30 L 434.20 395.00 L 431.70 394.30 L 428.50 392.80 L 425.30 390.60 L 422.30 387.80 L 406.20 370.60 L 404.50 369.30 L 400.80 367.70 L 398.10 367.50 L 395.10 367.90 L 391.70 368.90 Z" fill="url(#_未命名的渐变_15-2)" fill-rule="nonzero" group-id="1,2" node-id="144" stroke="none" target-height="119.5" target-width="119.899994" target-x="361" target-y="367.5"/><path d="M 738.10 306.70 L 741.60 308.40 L 744.90 309.40 L 747.10 309.70 L 751.40 309.10 L 753.40 308.20 L 755.40 306.90 L 757.60 304.90 L 760.30 300.80 L 761.30 296.90 L 760.80 292.60 L 759.70 289.50 L 746.90 267.20 L 745.70 263.90 L 745.10 260.70 L 745.00 257.50 L 745.50 254.20 L 746.60 250.90 L 757.20 230.90 L 758.50 227.70 L 759.60 222.70 L 759.00 218.80 L 757.20 215.30 L 753.40 211.60 L 749.50 209.60 L 745.40 209.10 L 740.10 210.30 L 736.80 211.80 L 727.80 216.80 L 716.40 223.80 L 711.40 225.40 L 709.00 225.60 L 705.70 225.30 L 702.30 224.30 L 689.10 217.50 L 678.90 212.60 L 675.90 211.30 L 673.00 210.70 L 670.30 210.80 L 667.70 211.30 L 665.10 212.50 L 662.40 214.40 L 660.60 217.00 L 659.40 219.70 L 658.70 222.40 L 658.50 225.20 L 659.00 228.00 L 660.10 231.10 L 673.50 255.00 L 674.50 258.10 L 674.80 261.00 L 674.50 264.00 L 673.60 267.00 L 661.80 290.60 L 660.50 293.60 L 659.90 296.50 L 659.90 299.30 L 660.30 301.30 L 662.20 305.10 L 663.70 306.90 L 665.70 308.70 L 667.70 309.90 L 669.80 310.70 L 671.90 311.10 L 676.40 310.80 L 678.70 310.00 L 686.00 306.20 L 700.10 298.10 L 703.50 296.40 L 706.80 295.30 L 709.90 294.90 L 714.60 295.40 L 717.20 296.20 L 738.10 306.70 Z" fill="url(#_未命名的渐变_15-3)" fill-rule="nonzero" group-id="1,2" node-id="146" stroke="none" target-height="102" target-width="102.79999" target-x="658.5" target-y="209.1"/><path d="M 1053.40 442.60 L 1056.90 442.50 L 1059.90 441.90 L 1062.50 440.80 L 1064.10 439.60 L 1065.60 438.00 L 1066.80 435.90 L 1068.60 430.70 L 1068.90 428.40 L 1068.70 426.20 L 1068.20 424.10 L 1066.90 421.50 L 1065.00 419.00 L 1062.40 416.70 L 1054.20 410.60 L 1043.20 403.10 L 1041.00 401.00 L 1039.30 398.80 L 1037.90 396.30 L 1037.00 393.70 L 1036.40 390.90 L 1036.20 387.90 L 1037.20 375.00 L 1037.60 365.30 L 1037.50 361.80 L 1036.90 358.70 L 1035.80 355.90 L 1034.60 354.10 L 1033.00 352.40 L 1030.90 351.00 L 1028.40 349.80 L 1025.60 349.00 L 1023.20 348.80 L 1020.90 349.00 L 1018.90 349.60 L 1016.30 351.00 L 1013.90 353.00 L 1005.50 363.90 L 997.80 374.70 L 995.70 376.80 L 991.40 379.50 L 986.40 380.90 L 983.40 381.10 L 969.50 380.30 L 958.90 380.00 L 955.70 380.20 L 952.90 381.00 L 950.50 382.20 L 948.40 383.90 L 946.60 386.10 L 945.10 389.00 L 944.40 392.00 L 944.20 394.80 L 944.50 397.30 L 945.30 399.60 L 946.80 401.80 L 949.10 404.00 L 968.50 418.80 L 970.90 420.90 L 972.90 423.30 L 974.40 425.80 L 975.50 428.50 L 976.00 431.40 L 974.70 457.30 L 974.70 460.80 L 975.40 463.80 L 976.50 466.40 L 977.80 468.00 L 979.40 469.50 L 981.50 470.70 L 986.30 472.40 L 988.40 472.70 L 992.20 472.20 L 995.60 470.50 L 998.00 468.60 L 1000.10 466.30 L 1015.80 445.50 L 1018.30 443.40 L 1021.00 441.90 L 1023.90 440.80 L 1027.10 440.30 L 1030.70 440.20 L 1042.30 441.90 L 1053.30 442.60 Z" fill="url(#_未命名的渐变_15-4)" fill-rule="nonzero" group-id="1,2" node-id="148" stroke="none" target-height="123.900024" target-width="124.70001" target-x="944.2" target-y="348.8"/><path d="M 620.60 373.00 L 618.90 369.80 L 616.90 367.30 L 614.70 365.40 L 612.20 363.80 L 609.60 362.70 L 606.80 362.20 L 604.00 362.10 L 601.10 362.60 L 598.20 363.50 L 595.50 364.90 L 593.20 366.60 L 591.30 368.70 L 589.70 371.10 L 588.60 373.70 L 588.00 376.50 L 587.90 379.50 L 588.30 382.60 L 589.30 385.90 L 604.30 420.90 L 620.40 455.70 L 621.90 458.40 L 623.70 460.60 L 625.70 462.40 L 628.00 463.80 L 630.40 464.80 L 632.90 465.40 L 635.40 465.60 L 640.30 464.90 L 642.60 463.90 L 644.70 462.50 L 646.70 460.70 L 648.80 458.30 L 651.40 454.00 L 652.10 451.70 L 652.50 447.40 L 652.00 444.20 L 650.90 440.90 L 620.60 373.00 Z" fill="url(#_未命名的渐变_15-5)" fill-rule="nonzero" group-id="1,2" node-id="150" stroke="none" target-height="103.5" target-width="64.599976" target-x="587.9" target-y="362.1"/><path d="M 780.00 457.60 L 782.40 459.50 L 784.80 460.90 L 787.30 461.90 L 789.90 462.50 L 792.40 462.70 L 794.90 462.40 L 797.40 461.70 L 799.60 460.60 L 801.80 459.10 L 803.70 457.20 L 805.40 454.90 L 806.80 452.00 L 816.50 427.90 L 825.80 403.60 L 834.70 379.20 L 835.40 376.20 L 835.60 373.40 L 835.20 370.60 L 834.30 368.00 L 833.00 365.50 L 831.30 363.30 L 829.20 361.40 L 826.90 359.90 L 824.20 358.70 L 821.20 357.90 L 818.30 357.60 L 815.50 357.70 L 812.80 358.30 L 810.30 359.40 L 808.00 360.80 L 806.10 362.70 L 804.50 365.00 L 796.00 385.90 L 774.50 443.10 L 774.20 445.50 L 774.60 449.80 L 775.70 452.40 L 777.50 455.00 L 780.00 457.60 Z" fill="url(#_未命名的渐变_15-6)" fill-rule="nonzero" group-id="1,2" node-id="152" stroke="none" target-height="105.100006" target-width="61.399963" target-x="774.2" target-y="357.6"/><path d="M 568.40 310.40 L 566.30 312.90 L 564.90 315.50 L 563.90 318.30 L 563.40 321.20 L 563.40 324.10 L 563.90 327.10 L 564.90 329.80 L 566.40 332.40 L 568.40 334.90 L 571.50 337.50 L 574.10 339.00 L 576.70 340.00 L 579.60 340.50 L 582.30 340.60 L 585.20 340.00 L 587.80 339.00 L 590.40 337.40 L 592.90 335.20 L 595.00 332.50 L 596.50 329.80 L 597.40 327.10 L 597.90 324.20 L 597.80 321.30 L 597.20 318.50 L 596.00 315.80 L 594.40 313.20 L 592.10 310.70 L 589.60 308.70 L 587.10 307.20 L 584.40 306.20 L 581.50 305.80 L 578.80 305.70 L 576.00 306.20 L 573.30 307.20 L 570.80 308.50 L 568.40 310.40 Z" fill="url(#_未命名的渐变_15-7)" fill-rule="nonzero" group-id="1,2" node-id="154" stroke="none" target-height="34.899994" target-width="34.5" target-x="563.4" target-y="305.7"/><path d="M 851.80 329.60 L 853.80 327.10 L 855.20 324.40 L 856.10 321.60 L 856.50 318.60 L 856.40 315.60 L 855.80 312.60 L 854.70 309.70 L 853.20 307.00 L 851.10 304.60 L 848.60 302.50 L 846.00 301.10 L 843.40 300.10 L 840.50 299.60 L 837.70 299.60 L 834.90 300.10 L 832.30 301.00 L 829.70 302.40 L 827.40 304.30 L 825.30 306.80 L 823.80 309.50 L 822.80 312.40 L 822.30 315.50 L 822.40 318.60 L 822.90 321.70 L 824.00 324.60 L 825.70 327.30 L 827.90 329.80 L 830.40 331.90 L 832.90 333.30 L 835.60 334.30 L 838.50 334.80 L 841.30 334.70 L 844.10 334.20 L 846.80 333.20 L 849.30 331.60 L 851.80 329.60 Z" fill="url(#_未命名的渐变_15-8)" fill-rule="nonzero" group-id="1,2" node-id="156" stroke="none" target-height="35.19998" target-width="34.200012" target-x="822.3" target-y="299.6"/><path d="M 932.60 442.50 L 929.50 437.70 L 925.50 434.00 L 922.40 432.10 L 919.00 430.80 L 915.50 430.10 L 910.00 430.20 L 907.30 430.80 L 904.50 431.80 L 893.10 437.20 L 882.60 442.70 L 872.90 448.20 L 864.10 453.80 L 855.30 459.90 L 847.30 466.20 L 839.90 472.50 L 833.10 478.90 L 826.60 485.70 L 820.70 492.70 L 815.20 499.90 L 810.20 507.20 L 805.60 514.80 L 801.30 522.60 L 797.40 530.70 L 793.90 538.90 L 789.70 550.20 L 786.00 562.00 L 782.70 574.20 L 777.30 599.70 L 775.10 613.30 L 774.80 616.20 L 775.40 621.60 L 776.30 624.10 L 777.90 627.30 L 780.00 630.20 L 782.60 632.70 L 785.50 634.70 L 788.90 636.20 L 792.60 637.10 L 795.50 637.40 L 800.90 636.80 L 803.50 636.00 L 806.70 634.40 L 809.50 632.40 L 812.00 629.80 L 814.90 625.30 L 816.50 619.90 L 818.90 605.20 L 821.50 591.70 L 824.40 579.40 L 826.90 570.10 L 829.80 561.40 L 833.00 553.10 L 836.50 545.20 L 840.40 537.50 L 844.90 530.20 L 849.80 523.10 L 855.20 516.30 L 861.00 509.90 L 867.50 503.70 L 874.70 497.60 L 882.70 491.60 L 890.90 486.30 L 900.00 480.90 L 910.10 475.60 L 924.20 468.90 L 926.70 467.30 L 928.80 465.50 L 932.10 461.00 L 934.00 456.10 L 934.50 453.40 L 934.30 447.90 L 932.60 442.50 Z" fill="url(#_未命名的渐变_15-9)" fill-rule="nonzero" group-id="1,2" node-id="158" stroke="none" target-height="207.30002" target-width="159.70001" target-x="774.8" target-y="430.1"/><path d="M 491.80 452.80 L 490.80 456.50 L 490.40 460.20 L 490.70 463.70 L 491.60 467.20 L 493.00 470.40 L 495.00 473.40 L 497.50 476.10 L 500.40 478.30 L 503.90 480.20 L 515.40 484.90 L 525.80 489.80 L 535.10 494.70 L 543.50 499.70 L 551.80 505.30 L 559.40 511.10 L 566.20 517.00 L 572.30 523.10 L 578.00 529.60 L 583.30 536.50 L 588.20 543.70 L 592.50 551.20 L 596.40 558.90 L 600.10 567.00 L 603.50 575.60 L 606.60 584.80 L 610.20 597.00 L 617.60 627.90 L 618.90 630.80 L 620.70 633.40 L 625.40 637.60 L 628.30 639.20 L 631.40 640.40 L 634.70 641.00 L 638.00 641.10 L 641.30 640.60 L 645.00 639.50 L 648.20 637.90 L 651.10 635.70 L 653.60 633.10 L 655.60 630.20 L 657.10 627.00 L 658.20 621.80 L 657.80 616.30 L 655.20 604.10 L 649.40 581.20 L 646.10 570.50 L 642.30 559.80 L 638.20 549.50 L 633.70 539.70 L 628.80 530.20 L 624.50 522.80 L 619.80 515.60 L 614.70 508.70 L 609.30 501.90 L 603.50 495.30 L 597.40 489.10 L 590.80 483.10 L 583.70 477.20 L 576.00 471.40 L 567.80 465.70 L 559.50 460.70 L 550.60 455.70 L 540.90 450.80 L 530.50 446.10 L 516.40 440.40 L 513.70 439.90 L 508.30 439.90 L 504.80 440.70 L 501.60 442.00 L 498.60 444.00 L 495.90 446.40 L 493.70 449.30 L 491.80 452.80 Z" fill="url(#_未命名的渐变_15-10)" fill-rule="nonzero" group-id="1,2" node-id="160" stroke="none" target-height="201.19998" target-width="167.80002" target-x="490.4" target-y="439.9"/></g><g node-id="207"><path d="M 1429.90 1143.30 L 1429.60 1147.30 L 1428.80 1151.30 L 1427.50 1155.30 L 1425.60 1159.40 L 1423.10 1163.60 L 1419.90 1167.80 L 1416.00 1172.20 L 1411.50 1176.50 L 1406.20 1181.00 L 1400.10 1185.50 L 1392.90 1190.10 L 1384.80 1194.90 L 1375.40 1199.80 L 1365.00 1204.70 L 1353.30 1209.80 L 1340.30 1214.90 L 1325.80 1220.00 L 1309.70 1225.20 L 1290.50 1230.90 L 1269.30 1236.50 L 1246.00 1242.10 L 1220.50 1247.70 L 1193.60 1253.00 L 1165.00 1258.00 L 1134.60 1262.80 L 1104.20 1267.10 L 1072.40 1271.10 L 1039.20 1274.90 L 1006.00 1278.10 L 971.60 1281.10 L 936.20 1283.70 L 900.70 1285.90 L 864.50 1287.70 L 827.40 1289.10 L 790.40 1290.10 L 752.90 1290.70 L 714.90 1290.90 L 677.00 1290.70 L 639.40 1290.10 L 602.40 1289.10 L 565.40 1287.70 L 529.10 1285.90 L 493.70 1283.70 L 458.20 1281.10 L 423.90 1278.10 L 390.70 1274.90 L 357.40 1271.10 L 325.60 1267.10 L 295.30 1262.80 L 264.90 1258.00 L 236.30 1253.00 L 209.40 1247.70 L 183.90 1242.10 L 160.60 1236.50 L 139.40 1230.90 L 120.10 1225.20 L 104.10 1220.00 L 89.60 1214.90 L 76.50 1209.80 L 64.90 1204.70 L 54.40 1199.80 L 45.10 1194.90 L 36.90 1190.10 L 29.80 1185.50 L 23.60 1181.00 L 18.40 1176.50 L 13.90 1172.20 L 9.90 1167.80 L 6.70 1163.60 L 4.20 1159.40 L 2.40 1155.30 L 1.10 1151.30 L 0.30 1147.30 L 0.00 1143.30 L 0.30 1139.30 L 1.10 1135.30 L 2.40 1131.30 L 4.20 1127.20 L 6.70 1123.10 L 9.90 1118.80 L 13.90 1114.40 L 18.40 1110.10 L 23.60 1105.70 L 29.80 1101.10 L 36.90 1096.50 L 45.10 1091.70 L 54.40 1086.80 L 64.90 1081.90 L 76.50 1076.90 L 89.60 1071.80 L 104.10 1066.60 L 120.10 1061.40 L 139.40 1055.70 L 160.60 1050.10 L 183.90 1044.50 L 209.40 1038.90 L 236.30 1033.70 L 264.90 1028.60 L 295.30 1023.80 L 325.60 1019.50 L 357.40 1015.50 L 390.70 1011.70 L 423.90 1008.50 L 458.20 1005.50 L 493.70 1002.90 L 529.10 1000.80 L 565.40 999.00 L 602.40 997.50 L 639.40 996.50 L 677.00 995.90 L 714.90 995.70 L 752.90 995.90 L 790.40 996.50 L 827.40 997.50 L 864.50 999.00 L 900.70 1000.80 L 936.20 1002.90 L 971.60 1005.50 L 1006.00 1008.50 L 1039.20 1011.70 L 1072.40 1015.50 L 1104.20 1019.50 L 1134.60 1023.80 L 1165.00 1028.60 L 1193.60 1033.70 L 1220.50 1038.90 L 1246.00 1044.50 L 1269.30 1050.10 L 1290.50 1055.70 L 1309.70 1061.40 L 1325.80 1066.60 L 1340.30 1071.80 L 1353.30 1076.90 L 1365.00 1081.90 L 1375.40 1086.80 L 1384.80 1091.70 L 1392.90 1096.50 L 1400.10 1101.10 L 1406.20 1105.70 L 1411.50 1110.10 L 1416.00 1114.40 L 1419.90 1118.80 L 1423.10 1123.10 L 1425.60 1127.20 L 1427.50 1131.30 L 1428.80 1135.30 L 1429.60 1139.30 L 1429.90 1143.30 Z" fill="url(#_未命名的渐变_10)" fill-rule="nonzero" group-id="1,3" node-id="165" stroke="none" target-height="295.2" target-width="1429.9" target-x="0" target-y="995.7"/><g node-id="208"><path d="M 1162.20 989.30 L 1176.10 989.30 L 1177.50 989.60 L 1178.60 990.30 L 1179.30 991.40 L 1179.60 992.80 L 1179.60 1055.50 L 1179.30 1057.40 L 1178.60 1059.00 L 1177.50 1060.40 L 1176.10 1061.50 L 1174.50 1062.20 L 1172.60 1062.50 L 1163.80 1062.20 L 1162.10 1061.50 L 1160.70 1060.40 L 1159.60 1059.00 L 1158.90 1057.40 L 1158.70 1055.50 L 1158.70 992.80 L 1158.90 991.40 L 1159.70 990.30 L 1160.80 989.60 L 1162.20 989.30 Z" fill="#e9f0f4" fill-rule="nonzero" group-id="1,3,4" node-id="169" stroke="none" target-height="73.20001" target-width="20.900024" target-x="1158.7" target-y="989.3"/><path d="M 1169.10 846.40 L 1169.10 1020.70 L 1099.40 989.30 L 1169.10 846.40 Z" fill="#e1eaef" fill-rule="nonzero" group-id="1,3,4" node-id="171" stroke="none" target-height="174.29999" target-width="69.69995" target-x="1099.4" target-y="846.4"/><path d="M 1169.10 846.40 L 1169.10 1020.70 L 1238.80 989.30 L 1169.10 846.40 Z" fill="#f5f7fa" fill-rule="nonzero" group-id="1,3,4" node-id="173" stroke="none" target-height="174.29999" target-width="69.70007" target-x="1169.1" target-y="846.4"/></g><g node-id="209"><path d="M 1263.70 988.50 L 1283.50 988.70 L 1285.50 989.90 L 1286.70 991.90 L 1286.70 1078.10 L 1285.60 1081.00 L 1284.20 1082.90 L 1282.30 1084.40 L 1280.90 1085.10 L 1277.60 1085.60 L 1268.40 1085.60 L 1265.10 1085.10 L 1263.70 1084.40 L 1261.80 1082.90 L 1260.40 1081.00 L 1259.30 1078.10 L 1259.10 993.10 L 1259.30 991.90 L 1260.50 989.90 L 1262.50 988.70 L 1263.80 988.50 Z" fill="#e9f0f4" fill-rule="nonzero" group-id="1,3,5" node-id="178" stroke="none" target-height="97.099976" target-width="27.599976" target-x="1259.1" target-y="988.5"/><path d="M 1273.00 798.90 L 1273.00 1030.10 L 1180.50 988.50 L 1273.00 798.90 Z" fill="#e1eaef" fill-rule="nonzero" group-id="1,3,5" node-id="180" stroke="none" target-height="231.19995" target-width="92.5" target-x="1180.5" target-y="798.9"/><path d="M 1273.00 798.90 L 1273.00 1030.10 L 1365.50 988.50 L 1273.00 798.90 Z" fill="#f5f7fa" fill-rule="nonzero" group-id="1,3,5" node-id="182" stroke="none" target-height="231.19995" target-width="92.5" target-x="1273" target-y="798.9"/></g><g node-id="210"><path d="M 244.90 976.90 L 264.60 977.10 L 266.70 978.30 L 267.80 980.30 L 267.90 1066.50 L 266.80 1069.50 L 265.30 1071.30 L 263.40 1072.80 L 262.00 1073.50 L 258.80 1074.10 L 249.50 1074.10 L 246.30 1073.50 L 244.90 1072.80 L 243.00 1071.30 L 241.50 1069.50 L 240.40 1066.50 L 240.30 981.50 L 240.40 980.30 L 241.60 978.30 L 243.60 977.10 L 244.90 976.90 Z" fill="#e9f0f4" fill-rule="nonzero" group-id="1,3,6" node-id="187" stroke="none" target-height="97.19995" target-width="27.59999" target-x="240.3" target-y="976.9"/><path d="M 254.10 787.30 L 254.10 1018.60 L 161.60 976.90 L 254.10 787.30 Z" fill="#e1eaef" fill-rule="nonzero" group-id="1,3,6" node-id="189" stroke="none" target-height="231.29999" target-width="92.5" target-x="161.6" target-y="787.3"/><path d="M 254.10 787.30 L 254.10 1018.60 L 346.60 976.90 L 254.10 787.30 Z" fill="#f5f7fa" fill-rule="nonzero" group-id="1,3,6" node-id="191" stroke="none" target-height="231.29999" target-width="92.5" target-x="254.1" target-y="787.3"/></g><path d="M 1204.10 65.70 L 1203.20 54.70 L 1202.10 49.60 L 1200.80 44.60 L 1196.90 35.20 L 1191.70 26.60 L 1185.40 19.00 L 1178.00 12.50 L 1173.90 9.70 L 1165.20 5.10 L 1160.50 3.30 L 1155.70 1.90 L 1150.80 0.90 L 1145.70 0.20 L 1140.40 0.00 L 1135.20 0.20 L 1125.40 1.80 L 1116.10 4.90 L 1107.50 9.20 L 1103.50 11.90 L 1098.50 15.90 L 1093.90 20.30 L 1089.80 25.20 L 1081.20 23.40 L 1076.70 23.20 L 1072.50 23.40 L 1068.50 24.00 L 1064.70 25.00 L 1061.00 26.30 L 1057.40 28.10 L 1051.00 32.40 L 1045.50 37.90 L 1043.10 41.00 L 1039.40 47.90 L 1038.00 51.60 L 1037.10 55.50 L 1036.40 59.50 L 1036.30 64.20 L 1032.10 65.20 L 1028.20 66.60 L 1024.50 68.50 L 1021.10 70.70 L 1018.00 73.40 L 1015.20 76.40 L 1012.70 79.70 L 1010.70 83.30 L 1009.10 87.20 L 1008.00 91.20 L 1007.40 95.40 L 1007.30 99.90 L 1007.80 104.60 L 1009.00 108.90 L 1010.70 113.10 L 1012.90 116.90 L 1015.60 120.40 L 1018.70 123.60 L 1022.20 126.40 L 1026.00 128.70 L 1030.20 130.60 L 1034.50 132.00 L 1039.00 132.80 L 1043.80 133.20 L 1191.10 133.20 L 1195.60 132.90 L 1199.90 132.10 L 1204.00 130.80 L 1208.00 129.10 L 1211.70 127.00 L 1215.10 124.40 L 1218.20 121.50 L 1220.80 118.30 L 1223.10 114.70 L 1225.00 110.80 L 1226.30 106.70 L 1227.10 102.30 L 1227.20 98.10 L 1227.00 94.10 L 1226.30 90.20 L 1225.20 86.50 L 1223.60 83.00 L 1221.80 79.70 L 1219.50 76.60 L 1217.00 73.80 L 1214.10 71.30 L 1211.10 69.10 L 1207.70 67.20 L 1204.10 65.70 Z" fill="url(#_未命名的渐变_15-11)" fill-rule="nonzero" group-id="1,3" node-id="194" stroke="none" target-height="133.2" target-width="219.89996" target-x="1007.3" target-y="0"/><g node-id="211"><path d="M 523.90 1169.90 L 524.20 1171.00 L 525.20 1172.30 L 527.20 1173.70 L 530.70 1175.30 L 535.30 1176.90 L 541.60 1178.60 L 549.90 1180.30 L 563.10 1182.40 L 579.80 1184.50 L 597.60 1186.20 L 618.40 1187.70 L 640.10 1188.90 L 688.70 1190.40 L 714.90 1190.60 L 741.20 1190.40 L 789.80 1188.90 L 811.40 1187.70 L 832.20 1186.20 L 850.10 1184.50 L 866.80 1182.40 L 879.90 1180.30 L 888.30 1178.60 L 894.60 1176.90 L 899.20 1175.30 L 902.60 1173.70 L 904.60 1172.30 L 905.60 1171.00 L 906.00 1169.90 L 905.60 1168.70 L 904.60 1167.40 L 902.60 1166.00 L 899.10 1164.40 L 894.60 1162.80 L 888.30 1161.10 L 879.90 1159.40 L 866.80 1157.30 L 850.10 1155.20 L 832.20 1153.50 L 811.40 1151.90 L 789.70 1150.70 L 741.20 1149.30 L 714.90 1149.10 L 688.70 1149.30 L 640.10 1150.60 L 618.40 1151.80 L 597.60 1153.30 L 579.80 1155.00 L 563.10 1157.00 L 549.90 1159.10 L 541.60 1160.90 L 535.30 1162.60 L 530.70 1164.10 L 527.20 1165.80 L 525.20 1167.30 L 524.20 1168.60 L 523.90 1169.80" fill="#ced6dd" fill-opacity="0.3" fill-rule="nonzero" group-id="1,3,7" node-id="198" stroke="none" target-height="41.5" target-width="382.09998" target-x="523.9" target-y="1149.1"/></g><path d="M 923.80 787.90 L 923.60 797.80 L 922.90 807.60 L 921.80 817.10 L 920.20 826.50 L 918.30 835.80 L 915.90 845.00 L 913.10 854.00 L 910.00 862.80 L 906.50 871.40 L 902.60 879.80 L 897.20 890.10 L 891.20 899.90 L 884.80 909.40 L 877.90 918.60 L 870.50 927.40 L 862.60 935.70 L 854.30 943.50 L 845.50 951.00 L 836.40 957.90 L 826.90 964.30 L 817.00 970.20 L 806.70 975.60 L 798.30 979.50 L 789.70 983.00 L 780.90 986.20 L 771.90 989.00 L 762.70 991.40 L 753.50 993.30 L 744.10 994.80 L 734.50 996.00 L 724.70 996.60 L 714.80 996.90 L 704.90 996.60 L 695.10 996.00 L 685.60 994.80 L 676.10 993.30 L 666.90 991.40 L 657.70 989.00 L 648.70 986.20 L 639.90 983.00 L 631.30 979.50 L 622.90 975.60 L 612.60 970.20 L 602.80 964.30 L 593.20 957.90 L 584.10 951.00 L 575.30 943.50 L 567.00 935.70 L 559.20 927.40 L 551.70 918.60 L 544.80 909.40 L 538.40 899.90 L 532.50 890.10 L 527.10 879.80 L 523.20 871.40 L 519.60 862.80 L 516.50 854.00 L 513.70 845.00 L 511.30 835.80 L 509.40 826.50 L 507.80 817.10 L 506.70 807.60 L 506.10 797.80 L 505.80 787.90 L 506.10 777.90 L 506.70 768.20 L 507.80 758.60 L 509.40 749.20 L 511.30 740.00 L 513.70 730.70 L 516.50 721.80 L 519.60 713.00 L 523.20 704.40 L 527.10 696.00 L 532.50 685.70 L 538.40 675.80 L 544.80 666.30 L 551.70 657.20 L 559.20 648.40 L 567.00 640.10 L 575.30 632.20 L 584.10 624.80 L 593.20 617.90 L 602.80 611.40 L 612.60 605.50 L 622.90 600.10 L 631.30 596.20 L 639.90 592.70 L 648.70 589.60 L 657.70 586.80 L 666.90 584.40 L 676.10 582.50 L 685.60 580.90 L 695.10 579.80 L 704.90 579.10 L 714.80 578.90 L 724.70 579.10 L 734.50 579.80 L 744.10 580.90 L 753.50 582.50 L 762.70 584.40 L 771.90 586.80 L 780.90 589.60 L 789.70 592.70 L 798.30 596.20 L 806.70 600.10 L 817.00 605.50 L 826.90 611.40 L 836.40 617.90 L 845.50 624.80 L 854.30 632.20 L 862.60 640.10 L 870.50 648.40 L 877.90 657.20 L 884.80 666.30 L 891.20 675.80 L 897.20 685.70 L 902.60 696.00 L 906.50 704.40 L 910.00 713.00 L 913.10 721.80 L 915.90 730.70 L 918.30 740.00 L 920.20 749.20 L 921.80 758.60 L 922.90 768.20 L 923.60 777.90 L 923.80 787.90 Z" fill="url(#_未命名的渐变_14)" fill-rule="nonzero" group-id="1,3" node-id="201" stroke="none" target-height="418" target-width="418" target-x="505.8" target-y="578.9"/><path d="M 829.10 738.20 L 692.90 874.50 L 691.10 875.80 L 689.20 876.60 L 687.10 876.90 L 685.00 876.60 L 683.10 875.80 L 681.40 874.50 L 600.50 793.60 L 599.20 791.90 L 598.40 789.90 L 598.10 787.90 L 598.40 785.80 L 599.20 783.90 L 600.50 782.10 L 625.90 756.70 L 627.70 755.40 L 629.60 754.60 L 631.70 754.30 L 633.80 754.60 L 635.70 755.40 L 637.50 756.70 L 687.10 806.40 L 792.20 701.30 L 793.90 700.00 L 795.90 699.20 L 797.90 698.90 L 800.00 699.20 L 801.90 700.00 L 803.70 701.30 L 829.10 726.70 L 830.40 728.40 L 831.20 730.40 L 831.50 732.50 L 831.20 734.50 L 830.40 736.50 L 829.10 738.20 Z" fill="#ffffff" fill-rule="nonzero" group-id="1,3" node-id="203" stroke="none" target-height="178" target-width="233.40002" target-x="598.1" target-y="698.9"/></g></g></svg>
\ No newline at end of file
diff --git a/src/views/forgetpassword/index.vue b/src/views/forgetpassword/index.vue
index c38b5683..1bd53c9e 100644
--- a/src/views/forgetpassword/index.vue
+++ b/src/views/forgetpassword/index.vue
@@ -1,59 +1,86 @@
 <template>
   <div class="reset-wrapper">
-    <!-- Reset Password -->
     <el-page-header :content="$t('passwordReset:title:reset')" @back="goBack" />
-    <div class="box-wrapper">
+    <el-steps :active="active" align-center style="margin-top: 30px">
+      <el-step :title="$t('resetPassword:step:VerifyIdentity')"></el-step>
+      <el-step :title="$t('resetPassword:step:ResetPassword')"></el-step>
+      <el-step :title="$t('resetPassword:step:ResetSuccess')"></el-step>
+    </el-steps>
+    <!-- Reset Password -->
+
+    <div class="box-wrapper" v-if="active === 0">
       <el-form
         ref="resetForm"
         v-loading="formLoading"
         :model="form"
-        label-width="200px"
+        label-width="100px"
         :rules="rules"
         class="demo-ruleForm"
         size="small"
       >
         <!-- 邮箱 -->
-        <el-form-item :label="$t('passwordReset:form:email')" prop="EmailOrPhone">
+        <el-form-item
+          :label="$t('passwordReset:form:email')"
+          prop="EmailOrPhone"
+        >
           <el-col :span="18">
-            <el-input v-model="form.EmailOrPhone" autocomplete="off" @change="handleEmailChange" />
-          </el-col>
-          <el-col :span="6" style="text-align:right;">
-            <el-button
-              size="small"
-              type="primary"
-              style="width:80%;"
-              :disabled="sendDisabled"
-              @click="handleSendCode"
-            >{{ sendTitle }}</el-button>
+            <el-input
+              v-model="form.EmailOrPhone"
+              autocomplete="off"
+              @change="handleEmailChange"
+            />
           </el-col>
         </el-form-item>
         <!-- 验证码 -->
-        <el-form-item :label="$t('trials:researchForm:form:verifyCode')" required>
+        <el-form-item
+          :label="$t('trials:researchForm:form:verifyCode')"
+          required
+        >
           <el-col :span="18">
             <el-form-item prop="VerificationCode">
               <el-input v-model="form.VerificationCode" autocomplete="off" />
             </el-form-item>
           </el-col>
-          <el-col :span="6" style="text-align:right;">
-            <!-- 校验 -->
+          <el-col :span="6" style="text-align: right">
             <el-button
               size="small"
               type="primary"
-              style="width:80%;"
-              :disabled="form.VerificationCode === '' || form.EmailOrPhone === ''"
-              @click="verifyCode"
+              style="width: 80%"
+              :disabled="sendDisabled"
+              @click="handleSendCode"
+              >{{ sendTitle }}</el-button
             >
-              {{ $t('passwordReset:button:verify') }}
-            </el-button>
           </el-col>
         </el-form-item>
+      </el-form>
+      <!-- 校验 -->
+      <el-button
+        size="small"
+        type="primary"
+        style="width: 50%; margin: auto; display: block"
+        :disabled="form.VerificationCode === '' || form.EmailOrPhone === ''"
+        @click="verifyCode"
+      >
+        {{ $t("passwordReset:button:verify") }}
+      </el-button>
+    </div>
+    <div class="box-wrapper" v-if="active === 1">
+      <el-form
+        ref="resetForm"
+        v-loading="formLoading"
+        :model="form"
+        label-width="100px"
+        :rules="rules"
+        class="demo-ruleForm"
+        size="small"
+      >
         <!-- 用户名 -->
         <el-form-item :label="$t('passwordReset:form:userName')" prop="UserId">
           <el-select
             v-model="form.UserId"
             clearable
             filterable
-            style="width:100%"
+            style="width: 100%"
             @change="handleUserChange"
           >
             <el-option
@@ -63,65 +90,102 @@
               :value="item.UserId"
             >
               <span style="float: left">{{ item.UserName }}</span>
-              <span style="float: right; color: #8492a6; font-size: 13px">{{ item.UserType }}</span>
+              <span style="float: right; color: #8492a6; font-size: 13px">{{
+                item.UserType
+              }}</span>
             </el-option>
           </el-select>
         </el-form-item>
         <!-- 用户类型 -->
-        <el-form-item v-if="form.UserId" :label="$t('passwordReset:form:userType')">
+        <el-form-item
+          v-if="form.UserId"
+          :label="$t('passwordReset:form:userType')"
+        >
           <el-input v-model="form.UserType" disabled />
         </el-form-item>
         <!-- 新密码 -->
-        <el-form-item class="my_new_pwd" :label="$t('passwordReset:form:password')" prop="NewPwd" style="position: relative">
+        <el-form-item
+          class="my_new_pwd"
+          :label="$t('passwordReset:form:password')"
+          prop="NewPwd"
+          style="position: relative"
+        >
           <el-input v-model="form.NewPwd" show-password autocomplete="off" />
-          <span style="position: absolute;right: -30px">
-            <el-tooltip :content="$t('passwordReset:form:passwordCentent')" placement="top">
+          <span style="position: absolute; right: -30px">
+            <el-tooltip
+              :content="$t('passwordReset:form:passwordCentent')"
+              placement="top"
+            >
               <i class="el-icon-question" />
             </el-tooltip>
           </span>
         </el-form-item>
         <!-- 确认密码 -->
-        <el-form-item :label="$t('passwordReset:form:confirmPassword')" prop="CheckPass">
+        <el-form-item
+          :label="$t('passwordReset:form:confirmPassword')"
+          prop="CheckPass"
+        >
           <el-input v-model="form.CheckPass" show-password autocomplete="off" />
         </el-form-item>
-        <el-form-item style="text-align:right;">
-          <!-- 取消 -->
-          <el-button size="small" @click="onCancel">
-            {{ $t('passwordReset:button:cancel') }}
-          </el-button>
-          <!-- 提交 -->
-          <el-button size="small" type="primary" @click="onSubmit">
-            {{ $t('passwordReset:button:submit') }}
-          </el-button>
-        </el-form-item>
       </el-form>
+      <div style="width: 50%; margin: auto; display: flex">
+        <!-- 取消 -->
+        <el-button size="small" @click="onCancel" style="width: 46%">
+          {{ $t("passwordReset:button:cancel") }}
+        </el-button>
+        <!-- 提交 -->
+        <el-button
+          size="small"
+          type="primary"
+          @click="onSubmit"
+          style="width: 46%"
+        >
+          {{ $t("passwordReset:button:submit") }}
+        </el-button>
+      </div>
+    </div>
+    <div class="box-wrapper flexBox" v-if="active === 3">
+      <svg-icon icon-class="resetSuccess" style="width: 300px; height: 300px" />
+      <p style="width: 100%; text-align: center">
+        {{ $t("resetPassword:successTip") }}
+      </p>
+      <el-button size="small" type="primary" @click="goBack">
+        {{ $t("passwordReset:button:back") }}
+      </el-button>
     </div>
   </div>
 </template>
 <script>
-
-import { anonymousSendVerificationCode, verifyAnonymousVerifyCode, anonymousSetPassword } from '@/api/user'
-import md5 from 'js-md5'
-var timer = ''
-var countdown = 60
+import {
+  anonymousSendVerificationCode,
+  verifyAnonymousVerifyCode,
+  anonymousSetPassword,
+} from "@/api/user";
+import md5 from "js-md5";
+import Img from "@/assets/icons/svg/resetSuccess.svg";
+var timer = "";
+var countdown = 60;
 export default {
   data() {
     var validateEmail = (rule, value, callback) => {
-      if (value === '') {
+      if (value === "") {
         // 请输入邮箱
-        callback(new Error(this.$t('passwordReset:formRule:email')))
+        callback(new Error(this.$t("passwordReset:formRule:email")));
       } else {
-        var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
+        var reg =
+          /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/;
         if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
-          this.sendDisabled = false
-          callback()
+          this.sendDisabled = false;
+          callback();
         } else {
           // 邮箱无效
-          callback(new Error(this.$t('passwordReset:formRule:passwordinvalid')))
-          this.sendDisabled = true
+          callback(
+            new Error(this.$t("passwordReset:formRule:passwordinvalid"))
+          );
+          this.sendDisabled = true;
         }
       }
-    }
+    };
     // var validatePass = (rule, value, callback) => {
     //   if (value === '') {
     //     // 请输入密码
@@ -134,119 +198,179 @@ export default {
     //   }
     // }
     var validatePass2 = (rule, value, callback) => {
-      if (value === '' || value === undefined) {
+      if (value === "" || value === undefined) {
         // 请再次输入密码
-        callback(new Error(this.$t('passwordReset:formRule:confirmPassword')))
+        callback(new Error(this.$t("passwordReset:formRule:confirmPassword")));
       } else if (value !== undefined && value !== this.form.NewPwd) {
         // 两次密码不一致
-        callback(new Error(this.$t('passwordReset:formRule:passwordsDiffer')))
+        callback(new Error(this.$t("passwordReset:formRule:passwordsDiffer")));
       } else {
-        callback()
+        callback();
       }
-    }
+    };
     return {
+      active: 3,
+      Img,
       form: {
-        EmailOrPhone: '',
-        VerificationCode: '',
-        NewPwd: '',
-        UserId: '',
-        UserType: ''
+        EmailOrPhone: "",
+        VerificationCode: "",
+        NewPwd: "",
+        UserId: "",
+        UserType: "",
       },
       users: [],
-      CheckPass: '',
+      CheckPass: "",
       rules: {
         EmailOrPhone: [
-          { required: true, validator: validateEmail, trigger: ['blur', 'change'] }
+          {
+            required: true,
+            validator: validateEmail,
+            trigger: ["blur", "change"],
+          },
+        ],
+        VerificationCode: [
+          {
+            required: true,
+            message: this.$t("common:ruleMessage:specify"),
+            trigger: ["blur", "change"],
+          },
+        ],
+        NewPwd: [
+          {
+            required: true,
+            validator: this.$validatePassword,
+            trigger: ["blur", "change"],
+          },
+        ],
+        CheckPass: [
+          {
+            required: true,
+            validator: validatePass2,
+            trigger: ["blur", "change"],
+          },
+        ],
+        UserId: [
+          {
+            required: true,
+            message: this.$t("common:ruleMessage:select"),
+            trigger: ["blur", "change"],
+          },
         ],
-        VerificationCode: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur', 'change'] }],
-        NewPwd: [{ required: true, validator: this.$validatePassword, trigger: ['blur', 'change'] }],
-        CheckPass: [{ required: true, validator: validatePass2, trigger: ['blur', 'change'] }],
-        UserId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }]
       },
       sendDisabled: true,
-      sendTitle: this.$t('passwordReset:button:send'),
-      formLoading: false
-    }
+      sendTitle: this.$t("passwordReset:button:send"),
+      formLoading: false,
+    };
   },
   methods: {
     onSubmit() {
-      this.$refs['resetForm'].validate(valid => {
+      this.$refs["resetForm"].validate((valid) => {
         if (valid) {
-          this.formLoading = true
-          anonymousSetPassword(this.form.UserId, md5(this.form.NewPwd)).then(res => {
-            if (res.IsSuccess) {
-              // 修改成功
-              this.$message.success(this.$t('passwordReset:message:updatedSuccessfully'))
-              this.formLoading = false
-              this.goBack()
-            } else {
-              this.$alert(res.ErrorMessage)
-            }
-          }).catch(() => { this.formLoading = false })
+          this.formLoading = true;
+          anonymousSetPassword(this.form.UserId, md5(this.form.NewPwd))
+            .then((res) => {
+              if (res.IsSuccess) {
+                // 修改成功
+                this.$message.success(
+                  this.$t("passwordReset:message:updatedSuccessfully")
+                );
+                this.formLoading = false;
+                this.active = 3;
+                // this.goBack();
+              } else {
+                this.$alert(res.ErrorMessage);
+              }
+            })
+            .catch(() => {
+              this.formLoading = false;
+            });
         }
-      })
+      });
     },
     handleSendCode() {
-      const that = this
-      this.sendDisabled = true
+      const that = this;
+      this.sendDisabled = true;
       // var isReviewer = JSON.parse(zzSessionStorage.getItem('IsReviewer'))
-      anonymousSendVerificationCode(this.form.EmailOrPhone).then(res => {
-        if (res.IsSuccess) {
-          that.settime(that)
-        } else {
-          that.$alert(res.ErrorMessage)
-        }
-      }).catch(() => {
-        this.sendDisabled = false
-      })
+      anonymousSendVerificationCode(this.form.EmailOrPhone)
+        .then((res) => {
+          if (res.IsSuccess) {
+            that.settime(that);
+          } else {
+            that.$alert(res.ErrorMessage);
+          }
+        })
+        .catch(() => {
+          this.sendDisabled = false;
+        });
     },
     verifyCode() {
-      this.formLoading = true
-      verifyAnonymousVerifyCode(this.form.EmailOrPhone, this.form.VerificationCode).then(res => {
-        this.formLoading = false
-        this.users = res.Result
-        // 验证成功
-        this.$message.success(this.$t('passwordReset:message:verifiedSuccessfully'))
-      }).catch(() => { this.formLoading = false })
+      this.formLoading = true;
+      verifyAnonymousVerifyCode(
+        this.form.EmailOrPhone,
+        this.form.VerificationCode
+      )
+        .then((res) => {
+          this.formLoading = false;
+          this.users = res.Result;
+          if (this.users.length === 1) {
+            this.form.UserId = this.users[0].UserId;
+            this.form.UserType = this.users[0].UserType;
+          }
+          // 验证成功
+          this.$message.success(
+            this.$t("passwordReset:message:verifiedSuccessfully")
+          );
+          this.active = 1;
+        })
+        .catch(() => {
+          this.formLoading = false;
+        });
     },
     handleEmailChange() {
-      var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
+      var reg =
+        /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/;
       if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
-        this.sendDisabled = false
+        this.sendDisabled = false;
       }
     },
     handleUserChange(val) {
-      const seleted = this.users.findIndex(user => user.UserId === val)
+      const seleted = this.users.findIndex((user) => user.UserId === val);
       if (seleted > -1) {
-        this.form.UserType = this.users[seleted].UserType
+        this.form.UserType = this.users[seleted].UserType;
       }
     },
     settime(obj) {
       if (countdown === 0) {
-        obj.sendDisabled = false
-        obj.sendTitle = this.$t('passwordReset:button:send')
-        countdown = 60
-        clearTimeout(timer)
-        return
+        obj.sendDisabled = false;
+        obj.sendTitle = this.$t("passwordReset:button:send");
+        countdown = 60;
+        clearTimeout(timer);
+        return;
       } else {
-        obj.sendDisabled = true
-        obj.sendTitle = `${this.$t('passwordReset:button:wait')}(${countdown}s)`
-        countdown--
+        obj.sendDisabled = true;
+        obj.sendTitle = `${this.$t(
+          "passwordReset:button:wait"
+        )}(${countdown}s)`;
+        countdown--;
         // eslint-disable-next-line no-self-assign
-        countdown = countdown
-        timer = setTimeout(function() {
-          obj.settime(obj)
-        }, 1000)
+        countdown = countdown;
+        timer = setTimeout(function () {
+          obj.settime(obj);
+        }, 1000);
       }
     },
     onCancel() {
-      this.$refs['resetForm'].resetFields()
+      this.$refs["resetForm"].resetFields();
+      Object.keys(this.form).forEach((key) => {
+        this.form[key] = "";
+      });
+      this.active = 0;
     },
     goBack() {
-      this.$router.push('/login')
-    }
-  }
-}
+      this.$router.push("/login");
+    },
+  },
+};
 </script>
 <style>
 .reset-wrapper {
@@ -270,7 +394,12 @@ export default {
 /*/deep/ .is-error{*/
 /*  margin-bottom: 40px;*/
 /*}*/
-.is-error.my_new_pwd{
+.is-error.my_new_pwd {
   margin-bottom: 40px;
 }
+.flexBox {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+}
 </style>