Skip to content

Y
yqlh-dataEase
Commit 726aaec6 by Tippi.Rao
Options

图标和首页修改

parent 33b4c4a4
正在显示 包含 565 行增加 和 486 行删除
.env.development
......@@ -4,7 +4,7 @@ EDITOR=code
# base api
# VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = 'http://47.108.95.221:6191/'
VUE_APP_BASE = 'http://47.108.95.221:6191'
VUE_APP_BASE = 'http://47.108.95.221:6192'
# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
# It only does one thing by converting all import() to require().
......
.env.production
......@@ -4,5 +4,5 @@ ENV = 'production'
# base api
# VUE_APP_BASE_API = 'http://localhost:8081/'
VUE_APP_BASE_API = 'http://47.108.95.221:6191/'
VUE_APP_BASE = 'http://47.108.95.221:6191'
VUE_APP_BASE = 'http://47.108.95.221:6192'
src/assets/login-desc.png
src/assets/login-desc.png

272 KB | W: | H:

src/assets/login-desc.png

251 KB | W: | H:

src/assets/login-desc.png
src/assets/login-desc.png
src/assets/login-desc.png
src/assets/login-desc.png
  • 2-up
  • Swipe
  • Onion skin
src/icons/svg/DataEase-old.svg 0 → 100644
<svg width="881" height="225" viewBox="0 0 881 225" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M97.24 3.0199L191.9 57.6599V166.94L97.24 221.59L2.59 166.94V57.6399L97.24 3V3.0199ZM97.24 0L0 56.1399V168.42L97.24 224.56L194.48 168.42V56.1699L97.24 0.0299072V0Z" fill="#426DF2"/>
<path d="M599.14 100.66H629.87L625.87 122.06H599.14V147.27H635.82L637.46 170.42H568.96V53.0599H637.5L635.86 75.7599H599.14V100.66Z" fill="#426DF2"/>
<path d="M409.65 118.75V170.25H387.14L387.04 165.04C379.167 169.133 371.477 171.177 363.97 171.17H361.74C354.027 171.17 347.897 168.207 343.35 162.28C340.339 157.654 338.766 152.239 338.83 146.72V146.11C338.83 135.99 342.38 129.27 349.48 125.95C352.387 124.01 359.77 123.04 371.63 123.04H383.74V120.21C383.74 114.383 382.897 111.05 381.21 110.21C379.37 108.83 376.127 108.14 371.48 108.14H347.34L347.75 87.5L375.54 86.75C392.04 86.75 402.26 90.8399 406.2 99.0199C408.5 103.747 409.65 110.323 409.65 118.75ZM366.31 140.14C365.54 141.05 364.73 144.02 364.73 146.14C364.73 150.74 367.063 153.04 371.73 153.04C374.537 153.04 378.537 151.89 383.73 149.59V138.34C383.73 138.34 369.1 136.81 366.31 140.14Z" fill="#426DF2"/>
<path d="M559.82 118.75V170.25H537.32L537.21 165.04C529.344 169.133 521.654 171.177 514.14 171.17H511.92C504.2 171.17 498.067 168.207 493.52 162.28C490.513 157.652 488.94 152.239 489 146.72V146.11C489 135.99 492.55 129.27 499.65 125.95C502.57 124.01 509.954 123.04 521.8 123.04H533.91V120.21C533.91 114.383 533.067 111.05 531.38 110.21C529.54 108.83 526.297 108.14 521.65 108.14H497.55L497.96 87.5L525.75 86.75C542.264 86.75 552.484 90.8399 556.41 99.0199C558.684 103.747 559.82 110.323 559.82 118.75ZM516.52 140.14C515.75 141.05 514.95 144.02 514.95 146.14C514.95 150.74 517.284 153.04 521.95 153.04C524.764 153.04 528.764 151.89 533.95 149.59V138.34C533.95 138.34 519.32 136.81 516.52 140.14Z" fill="#426DF2"/>
<path d="M716.951 118.75V170.25H694.451L694.341 165.04C686.467 169.133 678.777 171.177 671.271 171.17H669.051C661.331 171.17 655.197 168.207 650.651 162.28C647.643 157.652 646.071 152.239 646.131 146.72V146.11C646.131 135.99 649.684 129.27 656.791 125.95C659.704 124.01 667.087 123.04 678.941 123.04H691.041V120.21C691.041 114.383 690.201 111.05 688.521 110.21C686.681 108.83 683.434 108.14 678.781 108.14H654.641L655.051 87.5L682.841 86.75C699.347 86.75 709.567 90.8399 713.501 99.0199C715.801 103.747 716.951 110.323 716.951 118.75ZM673.611 140.14C672.841 141.05 672.041 144.02 672.041 146.14C672.041 150.74 674.374 153.04 679.041 153.04C681.854 153.04 685.854 151.89 691.041 149.59V138.34C691.041 138.34 676.411 136.81 673.611 140.14Z" fill="#426DF2"/>
<path d="M477.43 170.42H464.43C461.79 170.42 459.53 170.35 457.65 170.19C453.394 170.023 449.206 169.067 445.3 167.37C441.463 165.56 438.331 162.533 436.39 158.76C434.097 154.393 432.953 148.55 432.96 141.23L432.81 108.31H420.31V86.9399H432.82V60.34L458.42 65.2699V86.9399H477.93L475.26 108.35H458.38V139.83C458.38 140.54 458.38 141.15 458.46 141.66C458.518 142.772 458.723 143.872 459.07 144.93C459.478 145.99 460.133 146.937 460.979 147.693C461.826 148.45 462.841 148.994 463.94 149.28C466.57 150.273 469.309 150.944 472.1 151.28C472.71 151.38 473.34 151.46 474 151.51L475.6 151.66L477.43 151.74V170.42Z" fill="#426DF2"/>
<path d="M878.59 121.25V136.05H831.47L831.37 138.74C831.37 144.38 833.62 147.65 837.08 148.87C840.067 149.667 843.149 150.05 846.24 150.01H848.3C857.46 150.01 870.84 147.95 880.45 146.01H880.6L876.73 166.92C876.73 167.18 872.23 169.09 863.48 170.51C857.195 171.161 850.879 171.469 844.56 171.43C826.247 171.43 814.42 165.247 809.08 152.88C807.08 148 805.26 142.88 805.26 137.57V117.57C805.26 102.92 812.26 93.1599 824.57 88.3199C830.215 86.5087 836.112 85.6074 842.04 85.6499C859.294 85.6499 870.487 91.2732 875.62 102.52C877.6 106.913 878.59 113.157 878.59 121.25ZM853.9 117.35C853.9 111.56 852.17 107.68 849.68 106.61C847.8 105.34 844.89 105.15 842.19 105.15C835.33 105.15 831.897 108.38 831.89 114.84L831.47 118.73H853.9V117.35Z" fill="#426DF2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M276.98 51.8799H231.71V170.42H276.98C305.82 170.42 329.21 150.88 329.21 126.79V95.5199C329.21 71.4299 305.82 51.9399 276.98 51.8799ZM300.12 127.81C300.12 138.5 289.77 147.16 276.98 147.17H261.87V75.1699H276.98C289.77 75.1699 300.12 83.8499 300.12 94.5299V127.81Z" fill="#426DF2"/>
<path d="M758.75 172.74C753.95 172.74 748.683 172.463 742.95 171.91C740.75 171.69 738.49 171.44 736.17 171.14L730.74 170.37L727.74 147.75L733.57 150L740.76 151.82C743.61 152.22 746.29 152.53 748.82 152.75C751.827 153.01 754.55 153.14 756.99 153.14C765.86 153.14 770.99 152.93 772.37 149.3C773.14 147.79 773.1 143.68 772.25 142.3C771.4 140.92 769.58 139.36 766.82 138.23C765.64 137.75 764.15 137.23 762.36 136.74L757.11 135.31C754.8 134.8 752.72 134.31 750.89 133.77C748.53 133.103 746.373 132.407 744.42 131.68C740.3 130.257 736.475 128.095 733.13 125.3C730.595 122.881 728.87 119.737 728.19 116.3C727.652 113.45 727.591 110.53 728.01 107.66C729.11 98.3266 733.523 91.9266 741.25 88.46C744.558 86.9462 748.073 85.9351 751.68 85.46C753.27 85.24 755.08 85.0599 757.11 84.9099L762.36 84.58H765.9C769.9 84.58 774.333 84.8 779.2 85.24L785.12 85.84L790.12 86.5L792.2 106.83C788.91 106.065 785.568 105.55 782.2 105.29C777.517 104.798 772.807 104.618 768.1 104.75C758.82 104.75 753.37 104.24 751.74 108.02C751.436 108.737 751.29 109.511 751.313 110.289C751.335 111.068 751.525 111.832 751.87 112.53C752.763 114.183 754.713 115.633 757.72 116.88C758.98 117.4 760.567 117.95 762.48 118.53L774.56 121.78C776.88 122.447 778.957 123.113 780.79 123.78C784.479 125.024 787.887 126.981 790.82 129.54C793.484 131.926 795.302 135.112 796 138.62C796.532 142.304 796.596 146.04 796.19 149.74C795.09 158.98 790.673 165.38 782.94 168.94C779.643 170.483 776.123 171.496 772.51 171.94C770.92 172.16 769.11 172.35 767.08 172.49L762.38 172.77L758.75 172.74Z" fill="#426DF2"/>
<path d="M97.2405 36.2899L163.08 74.2899V150.29L97.2405 188.29L31.4105 150.29V74.2899L97.2405 36.2899ZM97.2405 15.8799L13.7305 64.09V160.53L97.2405 208.74L180.76 160.53V64.09L97.2405 15.8799Z" fill="#426DF2"/>
<path d="M56.82 113.31C55.1193 113.318 53.464 112.762 52.1135 111.729C50.7631 110.695 49.7939 109.242 49.3581 107.598C48.9222 105.954 49.0443 104.212 49.7052 102.645C50.3662 101.078 51.5285 99.7752 53.01 98.94L80.22 83.24C81.9814 82.2591 84.0579 82.0102 86.0013 82.547C87.9447 83.0839 89.599 84.3633 90.6072 86.1093C91.6154 87.8553 91.8966 89.9277 91.3901 91.8792C90.8836 93.8307 89.63 95.5047 87.9 96.5399L60.68 112.24C59.5115 112.934 58.179 113.303 56.82 113.31Z" fill="#00BFFF"/>
<path d="M104.99 85.5399C103.3 85.5395 101.657 84.9815 100.316 83.9524C98.9752 82.9233 98.0113 81.4805 97.5737 79.8478C97.1362 78.2151 97.2496 76.4837 97.8962 74.922C98.5428 73.3603 99.6866 72.0555 101.15 71.21L111.15 65.47C112.025 64.9301 112.999 64.5713 114.015 64.4148C115.031 64.2583 116.068 64.3074 117.064 64.5591C118.061 64.8108 118.997 65.2599 119.817 65.8799C120.636 66.4999 121.323 67.2782 121.837 68.1686C122.35 69.059 122.68 70.0434 122.806 71.0635C122.932 72.0836 122.852 73.1187 122.571 74.1073C122.289 75.0959 121.812 76.0181 121.168 76.819C120.524 77.6199 119.726 78.2833 118.82 78.7699L108.82 84.5099C107.657 85.1848 106.335 85.5402 104.99 85.5399Z" fill="#00BFFF"/>
<path d="M68.2004 136.75C66.5092 136.752 64.8648 136.195 63.5222 135.167C62.1796 134.139 61.214 132.696 60.7752 131.063C60.3364 129.429 60.449 127.697 61.0954 126.134C61.7418 124.572 62.886 123.266 64.3504 122.42L64.6104 122.27C66.3687 121.314 68.4306 121.083 70.3571 121.625C72.2835 122.167 73.9223 123.44 74.9246 125.172C75.9269 126.904 76.2135 128.959 75.7233 130.899C75.2332 132.839 74.005 134.512 72.3004 135.56L72.0404 135.71C70.8745 136.389 69.5497 136.748 68.2004 136.75Z" fill="#00BFFF"/>
<path d="M89.1303 124.94C87.4407 124.942 85.7974 124.387 84.455 123.361C83.1127 122.335 82.1463 120.895 81.7054 119.264C81.2646 117.632 81.374 115.901 82.0167 114.339C82.6594 112.776 83.7995 111.469 85.2604 110.62L122.43 88.94C123.303 88.4097 124.272 88.0586 125.281 87.9071C126.291 87.7557 127.32 87.807 128.309 88.058C129.299 88.3091 130.228 88.7549 131.043 89.3693C131.858 89.9837 132.543 90.7544 133.057 91.6364C133.57 92.5184 133.903 93.494 134.036 94.5061C134.168 95.5183 134.097 96.5466 133.828 97.531C133.558 98.5155 133.095 99.4364 132.465 100.24C131.835 101.043 131.052 101.713 130.16 102.21L92.9903 123.86C91.8223 124.556 90.4901 124.929 89.1303 124.94Z" fill="#00BFFF"/>
<path d="M79.5502 160.18C77.8599 160.18 76.217 159.622 74.8761 158.592C73.5352 157.563 72.5713 156.121 72.1338 154.488C71.6963 152.855 71.8096 151.124 72.4562 149.562C73.1028 148 74.2466 146.696 75.7102 145.85L133.82 112.34C135.585 111.323 137.682 111.049 139.649 111.577C141.617 112.106 143.293 113.395 144.31 115.16C145.327 116.925 145.602 119.022 145.073 120.989C144.544 122.956 143.255 124.633 141.49 125.65L83.3902 159.15C82.2237 159.827 80.8987 160.182 79.5502 160.18Z" fill="#426DF2"/>
</svg>
src/icons/svg/DataEase.svg
<svg width="881" height="225" viewBox="0 0 881 225" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M97.24 3.0199L191.9 57.6599V166.94L97.24 221.59L2.59 166.94V57.6399L97.24 3V3.0199ZM97.24 0L0 56.1399V168.42L97.24 224.56L194.48 168.42V56.1699L97.24 0.0299072V0Z" fill="#426DF2"/>
<path d="M599.14 100.66H629.87L625.87 122.06H599.14V147.27H635.82L637.46 170.42H568.96V53.0599H637.5L635.86 75.7599H599.14V100.66Z" fill="#426DF2"/>
<path d="M409.65 118.75V170.25H387.14L387.04 165.04C379.167 169.133 371.477 171.177 363.97 171.17H361.74C354.027 171.17 347.897 168.207 343.35 162.28C340.339 157.654 338.766 152.239 338.83 146.72V146.11C338.83 135.99 342.38 129.27 349.48 125.95C352.387 124.01 359.77 123.04 371.63 123.04H383.74V120.21C383.74 114.383 382.897 111.05 381.21 110.21C379.37 108.83 376.127 108.14 371.48 108.14H347.34L347.75 87.5L375.54 86.75C392.04 86.75 402.26 90.8399 406.2 99.0199C408.5 103.747 409.65 110.323 409.65 118.75ZM366.31 140.14C365.54 141.05 364.73 144.02 364.73 146.14C364.73 150.74 367.063 153.04 371.73 153.04C374.537 153.04 378.537 151.89 383.73 149.59V138.34C383.73 138.34 369.1 136.81 366.31 140.14Z" fill="#426DF2"/>
<path d="M559.82 118.75V170.25H537.32L537.21 165.04C529.344 169.133 521.654 171.177 514.14 171.17H511.92C504.2 171.17 498.067 168.207 493.52 162.28C490.513 157.652 488.94 152.239 489 146.72V146.11C489 135.99 492.55 129.27 499.65 125.95C502.57 124.01 509.954 123.04 521.8 123.04H533.91V120.21C533.91 114.383 533.067 111.05 531.38 110.21C529.54 108.83 526.297 108.14 521.65 108.14H497.55L497.96 87.5L525.75 86.75C542.264 86.75 552.484 90.8399 556.41 99.0199C558.684 103.747 559.82 110.323 559.82 118.75ZM516.52 140.14C515.75 141.05 514.95 144.02 514.95 146.14C514.95 150.74 517.284 153.04 521.95 153.04C524.764 153.04 528.764 151.89 533.95 149.59V138.34C533.95 138.34 519.32 136.81 516.52 140.14Z" fill="#426DF2"/>
<path d="M716.951 118.75V170.25H694.451L694.341 165.04C686.467 169.133 678.777 171.177 671.271 171.17H669.051C661.331 171.17 655.197 168.207 650.651 162.28C647.643 157.652 646.071 152.239 646.131 146.72V146.11C646.131 135.99 649.684 129.27 656.791 125.95C659.704 124.01 667.087 123.04 678.941 123.04H691.041V120.21C691.041 114.383 690.201 111.05 688.521 110.21C686.681 108.83 683.434 108.14 678.781 108.14H654.641L655.051 87.5L682.841 86.75C699.347 86.75 709.567 90.8399 713.501 99.0199C715.801 103.747 716.951 110.323 716.951 118.75ZM673.611 140.14C672.841 141.05 672.041 144.02 672.041 146.14C672.041 150.74 674.374 153.04 679.041 153.04C681.854 153.04 685.854 151.89 691.041 149.59V138.34C691.041 138.34 676.411 136.81 673.611 140.14Z" fill="#426DF2"/>
<path d="M477.43 170.42H464.43C461.79 170.42 459.53 170.35 457.65 170.19C453.394 170.023 449.206 169.067 445.3 167.37C441.463 165.56 438.331 162.533 436.39 158.76C434.097 154.393 432.953 148.55 432.96 141.23L432.81 108.31H420.31V86.9399H432.82V60.34L458.42 65.2699V86.9399H477.93L475.26 108.35H458.38V139.83C458.38 140.54 458.38 141.15 458.46 141.66C458.518 142.772 458.723 143.872 459.07 144.93C459.478 145.99 460.133 146.937 460.979 147.693C461.826 148.45 462.841 148.994 463.94 149.28C466.57 150.273 469.309 150.944 472.1 151.28C472.71 151.38 473.34 151.46 474 151.51L475.6 151.66L477.43 151.74V170.42Z" fill="#426DF2"/>
<path d="M878.59 121.25V136.05H831.47L831.37 138.74C831.37 144.38 833.62 147.65 837.08 148.87C840.067 149.667 843.149 150.05 846.24 150.01H848.3C857.46 150.01 870.84 147.95 880.45 146.01H880.6L876.73 166.92C876.73 167.18 872.23 169.09 863.48 170.51C857.195 171.161 850.879 171.469 844.56 171.43C826.247 171.43 814.42 165.247 809.08 152.88C807.08 148 805.26 142.88 805.26 137.57V117.57C805.26 102.92 812.26 93.1599 824.57 88.3199C830.215 86.5087 836.112 85.6074 842.04 85.6499C859.294 85.6499 870.487 91.2732 875.62 102.52C877.6 106.913 878.59 113.157 878.59 121.25ZM853.9 117.35C853.9 111.56 852.17 107.68 849.68 106.61C847.8 105.34 844.89 105.15 842.19 105.15C835.33 105.15 831.897 108.38 831.89 114.84L831.47 118.73H853.9V117.35Z" fill="#426DF2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M276.98 51.8799H231.71V170.42H276.98C305.82 170.42 329.21 150.88 329.21 126.79V95.5199C329.21 71.4299 305.82 51.9399 276.98 51.8799ZM300.12 127.81C300.12 138.5 289.77 147.16 276.98 147.17H261.87V75.1699H276.98C289.77 75.1699 300.12 83.8499 300.12 94.5299V127.81Z" fill="#426DF2"/>
<path d="M758.75 172.74C753.95 172.74 748.683 172.463 742.95 171.91C740.75 171.69 738.49 171.44 736.17 171.14L730.74 170.37L727.74 147.75L733.57 150L740.76 151.82C743.61 152.22 746.29 152.53 748.82 152.75C751.827 153.01 754.55 153.14 756.99 153.14C765.86 153.14 770.99 152.93 772.37 149.3C773.14 147.79 773.1 143.68 772.25 142.3C771.4 140.92 769.58 139.36 766.82 138.23C765.64 137.75 764.15 137.23 762.36 136.74L757.11 135.31C754.8 134.8 752.72 134.31 750.89 133.77C748.53 133.103 746.373 132.407 744.42 131.68C740.3 130.257 736.475 128.095 733.13 125.3C730.595 122.881 728.87 119.737 728.19 116.3C727.652 113.45 727.591 110.53 728.01 107.66C729.11 98.3266 733.523 91.9266 741.25 88.46C744.558 86.9462 748.073 85.9351 751.68 85.46C753.27 85.24 755.08 85.0599 757.11 84.9099L762.36 84.58H765.9C769.9 84.58 774.333 84.8 779.2 85.24L785.12 85.84L790.12 86.5L792.2 106.83C788.91 106.065 785.568 105.55 782.2 105.29C777.517 104.798 772.807 104.618 768.1 104.75C758.82 104.75 753.37 104.24 751.74 108.02C751.436 108.737 751.29 109.511 751.313 110.289C751.335 111.068 751.525 111.832 751.87 112.53C752.763 114.183 754.713 115.633 757.72 116.88C758.98 117.4 760.567 117.95 762.48 118.53L774.56 121.78C776.88 122.447 778.957 123.113 780.79 123.78C784.479 125.024 787.887 126.981 790.82 129.54C793.484 131.926 795.302 135.112 796 138.62C796.532 142.304 796.596 146.04 796.19 149.74C795.09 158.98 790.673 165.38 782.94 168.94C779.643 170.483 776.123 171.496 772.51 171.94C770.92 172.16 769.11 172.35 767.08 172.49L762.38 172.77L758.75 172.74Z" fill="#426DF2"/>
<path d="M97.2405 36.2899L163.08 74.2899V150.29L97.2405 188.29L31.4105 150.29V74.2899L97.2405 36.2899ZM97.2405 15.8799L13.7305 64.09V160.53L97.2405 208.74L180.76 160.53V64.09L97.2405 15.8799Z" fill="#426DF2"/>
<path d="M56.82 113.31C55.1193 113.318 53.464 112.762 52.1135 111.729C50.7631 110.695 49.7939 109.242 49.3581 107.598C48.9222 105.954 49.0443 104.212 49.7052 102.645C50.3662 101.078 51.5285 99.7752 53.01 98.94L80.22 83.24C81.9814 82.2591 84.0579 82.0102 86.0013 82.547C87.9447 83.0839 89.599 84.3633 90.6072 86.1093C91.6154 87.8553 91.8966 89.9277 91.3901 91.8792C90.8836 93.8307 89.63 95.5047 87.9 96.5399L60.68 112.24C59.5115 112.934 58.179 113.303 56.82 113.31Z" fill="#00BFFF"/>
<path d="M104.99 85.5399C103.3 85.5395 101.657 84.9815 100.316 83.9524C98.9752 82.9233 98.0113 81.4805 97.5737 79.8478C97.1362 78.2151 97.2496 76.4837 97.8962 74.922C98.5428 73.3603 99.6866 72.0555 101.15 71.21L111.15 65.47C112.025 64.9301 112.999 64.5713 114.015 64.4148C115.031 64.2583 116.068 64.3074 117.064 64.5591C118.061 64.8108 118.997 65.2599 119.817 65.8799C120.636 66.4999 121.323 67.2782 121.837 68.1686C122.35 69.059 122.68 70.0434 122.806 71.0635C122.932 72.0836 122.852 73.1187 122.571 74.1073C122.289 75.0959 121.812 76.0181 121.168 76.819C120.524 77.6199 119.726 78.2833 118.82 78.7699L108.82 84.5099C107.657 85.1848 106.335 85.5402 104.99 85.5399Z" fill="#00BFFF"/>
<path d="M68.2004 136.75C66.5092 136.752 64.8648 136.195 63.5222 135.167C62.1796 134.139 61.214 132.696 60.7752 131.063C60.3364 129.429 60.449 127.697 61.0954 126.134C61.7418 124.572 62.886 123.266 64.3504 122.42L64.6104 122.27C66.3687 121.314 68.4306 121.083 70.3571 121.625C72.2835 122.167 73.9223 123.44 74.9246 125.172C75.9269 126.904 76.2135 128.959 75.7233 130.899C75.2332 132.839 74.005 134.512 72.3004 135.56L72.0404 135.71C70.8745 136.389 69.5497 136.748 68.2004 136.75Z" fill="#00BFFF"/>
<path d="M89.1303 124.94C87.4407 124.942 85.7974 124.387 84.455 123.361C83.1127 122.335 82.1463 120.895 81.7054 119.264C81.2646 117.632 81.374 115.901 82.0167 114.339C82.6594 112.776 83.7995 111.469 85.2604 110.62L122.43 88.94C123.303 88.4097 124.272 88.0586 125.281 87.9071C126.291 87.7557 127.32 87.807 128.309 88.058C129.299 88.3091 130.228 88.7549 131.043 89.3693C131.858 89.9837 132.543 90.7544 133.057 91.6364C133.57 92.5184 133.903 93.494 134.036 94.5061C134.168 95.5183 134.097 96.5466 133.828 97.531C133.558 98.5155 133.095 99.4364 132.465 100.24C131.835 101.043 131.052 101.713 130.16 102.21L92.9903 123.86C91.8223 124.556 90.4901 124.929 89.1303 124.94Z" fill="#00BFFF"/>
<path d="M79.5502 160.18C77.8599 160.18 76.217 159.622 74.8761 158.592C73.5352 157.563 72.5713 156.121 72.1338 154.488C71.6963 152.855 71.8096 151.124 72.4562 149.562C73.1028 148 74.2466 146.696 75.7102 145.85L133.82 112.34C135.585 111.323 137.682 111.049 139.649 111.577C141.617 112.106 143.293 113.395 144.31 115.16C145.327 116.925 145.602 119.022 145.073 120.989C144.544 122.956 143.255 124.633 141.49 125.65L83.3902 159.15C82.2237 159.827 80.8987 160.182 79.5502 160.18Z" fill="#426DF2"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="927" height="225"><defs><clipPath id="a"><rect width="927" height="225" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M166.14 134.301c-8.249 4.377-13.36 12.933-13.268 22.205a11.627 11.627 0 0 1-5.819 10.276l-20.848 11.91a11.974 11.974 0 0 1-11.807-.225l-.228-.131a11.839 11.839 0 0 1-6.14-10.182v-23.765c.034-4.236 2.376-8.123 6.121-10.163a24.58 24.58 0 0 0 4.833-3.532c9.513-9.027 10.516-23.753 2.313-33.965-6.738-8.294-18.042-11.439-28.15-7.832-10.108 3.607-16.795 13.171-16.654 23.819a11.664 11.664 0 0 1-5.819 10.314L49.826 134.92a11.802 11.802 0 0 1-11.883-.15 25.38 25.38 0 0 0-25.984.206C.772 141.95-3.165 156.253 2.899 167.89c5.475 10.111 17.196 15.221 28.414 12.388s19.043-12.88 18.968-24.354a11.552 11.552 0 0 1 5.819-10.182l20.848-11.892a11.974 11.974 0 0 1 11.978.188l.227.132c3.77 2.053 6.137 5.956 6.198 10.22v23.745c-.02 4.215-2.341 8.09-6.065 10.125a24.869 24.869 0 0 0-5.041 3.758c-10.19 9.389-10.772 25.189-1.299 35.289 9.473 10.1 25.413 10.677 35.602 1.287a24.753 24.753 0 0 0 8.283-18.673 11.736 11.736 0 0 1 5.837-10.426l20.848-11.892a11.746 11.746 0 0 1 11.79 0c10.003 5.872 22.762 4.188 30.868-4.074 8.105-8.261 9.447-20.951 3.246-30.699-7.184-10.968-21.635-14.671-33.28-8.529z" fill="#426DF2"/><ellipse cx="178.137" cy="68.738" rx="25.188" ry="24.967" fill="#426DF2"/><path d="M37.204 90.699c8.248-4.377 13.36-12.933 13.267-22.205a11.625 11.625 0 0 1 5.724-10.257l20.848-11.892a11.84 11.84 0 0 1 11.883.132 25.284 25.284 0 0 0 25.984-.207c16.416-10.045 15.813-33.904-1.09-43.12-16.904-9.217-37.557 3.053-37.327 22.174a11.552 11.552 0 0 1-5.8 10.182L49.847 47.397a11.707 11.707 0 0 1-11.789-.094c-10.004-5.83-22.734-4.131-30.825 4.116-8.091 8.247-9.45 20.907-3.29 30.657C11.095 93.067 25.54 96.812 37.204 90.7z" fill="#426DF2"/><g><path d="M242.125 165.682h35.766q11.859 0 20.03-5.188 8.235-4.828 12.86-12.234 1.735-2.813 2.953-5.406 1.157-2.672 1.735-6.047 1.234-6.703 1.234-23.625 0-15.922-.797-22.391-1-6.484-4.828-12.39-10.703-17.579-32.094-17.72h-36.859v105zm15.969-90.094h19.078q12.14-.281 18.797 8.89 3.25 3.688 4.11 9.61.655 5.937.655 19.672 0 14.094-.656 19.234-.719 5.203-3.39 8.594-6.079 9.187-19.516 9.187h-19.078V75.588zm115.047 90.094h15.109v-51.266q-.141-13.75-8.594-19.39-8.469-5.485-22.625-5.344-16.781-.282-25.375 10.734l11.86 9.188q1.937-3.391 5.343-4.813 3.25-1.203 8.891-1.203 15.531-.281 15.391 10v8.187H352.25q-11.984.141-18.203 6.485-6.219 6.187-6.219 15.61 0 9.859 7.156 16.187 6.797 6.484 19.375 6.625 7.657 0 12-1.844 4.407-1.781 6.5-5.547h.282v6.39zm0-26.47q0 8.767-3.547 11.235-3.891 2.469-13.36 2.328-7.515 0-10.781-3.078-3.39-2.765-3.39-6.734-.141-9.078 13.015-9.375h18.063v5.625zm35.484-48.53h-7.516v11.906h7.516v44.719q0 8.828 5.203 13.5 5.063 4.875 13.016 4.875h7.875v-13.907h-5.641q-5.5.141-5.344-5.546v-43.641h10.985V90.682h-10.985V67.854h-15.109v22.828zm79.516 75h15.109v-51.266q-.141-13.75-8.594-19.39-8.469-5.485-22.625-5.344-16.781-.282-25.375 10.734l11.86 9.188q1.937-3.391 5.343-4.813 3.25-1.203 8.891-1.203 15.531-.281 15.391 10v8.187H467.25q-11.984.141-18.203 6.485-6.219 6.187-6.219 15.61 0 9.859 7.156 16.187 6.797 6.484 19.375 6.625 7.657 0 12-1.844 4.407-1.781 6.5-5.547h.282v6.39zm0-26.47q0 8.767-3.547 11.235-3.891 2.469-13.36 2.328-7.515 0-10.781-3.078-3.39-2.765-3.39-6.734-.141-9.078 13.015-9.375h18.063v5.625zm70.172-16.624h21.468v5.562q-.14 10.032-6.218 16.188-6.063 6.437-15.391 6.437-5.641 0-9.688-2.39-4.109-2.016-6.64-5.266-3.11-3.406-4.125-8.906-1.156-5.484-1.156-21.031 0-15.547 1.156-21.188 1.015-5.344 4.125-8.75 2.531-3.25 6.64-5.422 4.047-2.093 9.688-2.234 7.656.14 13 4.406 5.141 4.469 7.094 10.828h16.906q-2.531-13.187-12.141-22.125-9.609-8.875-24.859-9.015-12.438.14-20.75 5.922-8.453 5.703-12.281 13-2.391 3.828-3.547 10.03-1.078 6.204-1.078 24.548 0 18.047 1.078 24.406.578 3.39 1.453 5.625.937 2.172 2.094 4.547 3.828 7.297 12.281 12.86 8.312 5.78 20.75 6.062 16.109-.297 26.734-10.907 10.563-10.703 10.844-26.53v-21.47h-37.437v14.813zm93.828 43.094h15.109v-51.266q-.141-13.75-8.594-19.39-8.469-5.485-22.625-5.344-16.781-.282-25.375 10.734l11.86 9.188q1.937-3.391 5.343-4.813 3.25-1.203 8.891-1.203 15.531-.281 15.391 10v8.187H631.25q-11.984.141-18.203 6.485-6.219 6.187-6.219 15.61 0 9.859 7.156 16.187 6.797 6.484 19.375 6.625 7.657 0 12-1.844 4.407-1.781 6.5-5.547h.282v6.39zm0-26.47q0 8.767-3.547 11.235-3.891 2.469-13.36 2.328-7.515 0-10.781-3.078-3.39-2.765-3.39-6.734-.141-9.078 13.015-9.375h18.063v5.625zm34.609 8.579q0 9.719 5.641 13.844 5.343 4.047 13.593 4.047h6.719v-13.907H707.5q-5.641 0-5.641-5.125V60.682H686.75v87.109zm77.391 17.89h15.109v-51.265q-.141-13.75-8.594-19.39-8.469-5.485-22.625-5.344-16.781-.282-25.375 10.734l11.86 9.188q1.937-3.391 5.343-4.813 3.25-1.203 8.891-1.203 15.531-.281 15.391 10v8.187H743.25q-11.984.141-18.203 6.485-6.219 6.187-6.219 15.61 0 9.859 7.156 16.187 6.797 6.484 19.375 6.625 7.657 0 12-1.844 4.407-1.781 6.5-5.547h.282v6.39zm0-26.468q0 8.766-3.547 11.234-3.891 2.469-13.36 2.328-7.515 0-10.781-3.078-3.39-2.765-3.39-6.734-.141-9.078 13.015-9.375h18.063v5.625zm51.953-11.75-25.641 38.219h18.063l15.968-24.875 16.047 24.875h17.985l-25.579-38.297 24.579-36.703h-18.063l-14.969 24.297-14.89-24.297h-18.063l24.563 36.78zm69.781 35.235-4.125 12.578q-1.016 3.25-3.547 4.906-2.531 1.594-5.484 1.594h-4.406v13.906h4.984q7 0 12.578-3.094 5.484-3.25 8.594-11.672l32.312-90.234h-16.047l-17.703 52.5h-.297l-17.781-52.5h-15.969l26.891 72.016z" fill="#426DF2"/></g></g></svg>
\ No newline at end of file
src/lang/en.js
......@@ -932,7 +932,8 @@ export default {
edit_classification: 'Edit classification',
classification_name: 'Classification Name:',
by_event_details: 'Search by event details',
password_input_error: 'Original password input error'
password_input_error: 'Original password input error',
home_link: 'Home Link'
},
chart: {
empty_hide: 'hide empty',
......@@ -1545,7 +1546,8 @@ export default {
map_style_macaron: 'Macaron',
map_style_blue: 'Blue',
map_style_darkblue: 'Dark Blue',
map_style_wine: 'Wine'
map_style_wine: 'Wine',
chart_bubble_map: 'bubble map'
},
dataset: {
scope_edit: 'Effective only when editing',
......
src/lang/zh.js
......@@ -930,7 +930,8 @@ export default {
edit_classification: '编辑分类',
classification_name: '分类名称',
by_event_details: '通过事件详情搜索',
password_input_error: '原始密码输入错误'
password_input_error: '原始密码输入错误',
home_link: '首页链接'
},
chart: {
empty_hide: '隐藏空值',
......
src/layout/components/Topbar.vue
......@@ -47,7 +47,7 @@
>
<notification class="right-menu-item hover-effect" />
<lang-select class="right-menu-item hover-effect" />
<div
<!-- <div
style="height: 100%;padding: 0 8px;"
class="right-menu-item hover-effect"
>
......@@ -58,7 +58,7 @@
>
<svg-icon icon-class="docs" />
</a>
</div>
</div> -->
<el-dropdown
ref="my-drop"
......
src/views/system/sysParam/BasicSetting.vue
......@@ -210,6 +210,14 @@
>{{ $t("commons.no") }}</el-radio>
</el-radio-group>
</el-form-item>
<!-- config home page -->
<el-form-item :label="$t('system_parameter_setting.home_link')">
<el-input
v-model="homeLink"
placeholder="link"
/>
</el-form-item>
</el-form>
</div>
</template>
......@@ -274,7 +282,8 @@ export default {
{ validator: this.validateNumber, trigger: 'blur' }
]
},
originLoginType: null
originLoginType: null,
homeLink: localStorage.getItem('homeLink') || 'https://www.yunqilaohe.com/'
}
},
computed: {
......@@ -448,6 +457,8 @@ export default {
}
]
localStorage.setItem('homeLink', this.homeLink)
this.$refs[formInline].validate((valid) => {
if (valid) {
const needWarn =
......
src/views/wizard/index.vue
<template>
<div
v-if="loading"
v-loading="loading"
style="position:absolute;top:55px;width: 100%;height: calc(100% - 55px);"
class="main_outer"
/>
<div v-else-if="homeLink">
class="iframe-wrapper"
>
<iframe
id="mobsf"
ref="Iframe"
:src="homeLink"
frameborder="0"
style="position:absolute;top:55px;width: 100%;height: calc(100% - 55px);"
/>
</div>
<el-row
v-else
class="main_container_outer"
>
<el-row class="main_container">
<el-row class="main_content">
<el-row class="content_top_banner">
<div class="top_banner_content">
<div class="hint_head">{{ $t('wizard.welcome_title') }}</div>
<div class="hint_content">{{ $t('wizard.welcome_hint') }}</div>
</div>
<svg-icon
class="top_banner_img"
icon-class="wizard_main_bg_inner"
/>
</el-row>
<el-row class="top_banner_card">
<wizard-card :details="cardList[0]" />
<wizard-card
:details="cardList[1]"
style="margin:0 24px 0 24px"
/>
<wizard-card-enterprise :details="cardList[2]" />
</el-row>
<el-row class="content_middle">
<div class="content_middle_left">
<el-row>
<span class="content_middle_title">{{ $t('wizard.teaching_video') }}</span>
<div class="content_middle_more"><a
target="_blank"
href="https://space.bilibili.com/510493147/channel/collectiondetail?sid=262774"
>{{ $t('wizard.more') }}<i class="el-icon-arrow-right" /></a></div>
</el-row>
<el-row style="margin-top: 12px">
<video-card :details="videoList[0]" />
<video-card
style="margin:0 12px 0 12px"
:details="videoList[1]"
/>
<video-card :details="videoList[2]" />
</el-row>
</div>
<div class="content_middle_right">
<el-row>
<span class="content_middle_title">{{ $t('wizard.latest_developments') }}</span>
<div class="content_middle_more"><a
target="_blank"
href="https://blog.fit2cloud.com/categories/dataease"
>{{ $t('wizard.more') }}<i class="el-icon-arrow-right" /></a></div>
</el-row>
<el-row>
<ul class="ul-custom">
<li
v-for="blogItem in blogsInfo"
:key="blogItem.title"
class="li-custom"
><a
target="_blank"
class="li-a"
:href="blogItem.href"
:title="blogItem.title"
>{{ blogItem.title }}</a></li>
</ul>
</el-row>
</div>
</el-row>
<el-row class="content_bottom">
<div class="content_bottom_contact">
<el-row class="contact_title">
<span>{{ $t('wizard.contact_us') }}</span>
</el-row>
<el-row class="contact_content">
<span>{{ $t('wizard.email') }}dataease@fit2cloud.com</span>
</el-row>
<el-row class="contact_content">
<span>{{ $t('wizard.tel') }}400-052-0755</span>
</el-row>
<el-row class="contact_content">
{{ $t('wizard.web') }}<a
style="text-decoration:underline;"
target="_blank"
href="https://www.dataease.io"
>www.dataease.io</a>
</el-row>
<el-row class="contact_content">
{{ $t('wizard.bbs') }}<a
style="text-decoration:underline;"
target="_blank"
href="https://bbs.fit2cloud.com/c/de"
>https://bbs.fit2cloud.com/c/de</a>
</el-row>
</div>
<div class="content_bottom_qr_code">
<div class="contact_wechat_train">
<div class="contact_title_qr">{{ $t('wizard.f2c_train') }}</div>
<img
class="contact_wechat_train_img"
src="@/assets/wizard_wechat-train.png"
>
</div>
<div class="contact_wechat_official">
<div class="contact_title_qr">{{ $t('wizard.weChat_official_account') }}</div>
<img
class="contact_wechat_official_img"
src="@/assets/wizard_wechat-official.jpeg"
>
</div>
<div class="contact_wechat_group">
<div class="contact_title_qr">{{ $t('wizard.technical_group') }}</div>
<img
class="contact_wechat_group_img"
src="../../assets/wizard_wechat-group.png"
>
</div>
</div>
</el-row>
</el-row>
</el-row>
</el-row>
</template>
<script>
import { blogLastActive } from '@/api/wizard/wizard'
import WizardCard from '@/views/wizard/WizardCard'
import VideoCard from '@/views/wizard/VideoCard'
import WizardCardEnterprise from '@/views/wizard/WizardCardEnterprise'
export default {
name: 'Wizard',
components: {
WizardCardEnterprise,
VideoCard,
WizardCard
},
data() {
return {
blogsInfo: [],
cardList: [
{
head: this.$t('wizard.quick_start'),
content: this.$t('wizard.demo_video_hint'),
img: 'wizard_quick_start',
bgColor: '#E7F2FF',
href: 'https://www.bilibili.com/video/BV1qG4y1F7uc/'
},
{
head: this.$t('wizard.online_document'),
content: this.$t('wizard.online_document_hint'),
img: 'wizard_help',
bgColor: '#F3F2FF',
href: 'https://dataease.io/docs/index.html'
},
{
head: this.$t('wizard.enterprise_edition'),
content: this.$t('wizard.enterprise_edition_hint1') + '<br>' + this.$t('wizard.enterprise_edition_hint2') + '<br>' + this.$t('wizard.enterprise_edition_hint3'),
img: 'wizard_enterprise',
bgColor: '#FFFAF0',
href: 'https://jinshuju.net/f/TK5TTd'
}
],
videoList: [
{
content: '1.1 连接数据库并添加数据集',
img: 'wizard_video1.png',
href: 'https://www.bilibili.com/video/BV13V4y1P7FB/?spm_id_from=333.999.0.0'
},
{
content: '1.2 Excel 数据集和 API 数据集',
img: 'wizard_video2.png',
href: 'https://www.bilibili.com/video/BV16P4y1Q7zT/?spm_id_from=333.999.0.0'
},
{
content: '1.3 数据集整合',
img: 'wizard_video3.png',
href: 'https://www.bilibili.com/video/BV1fR4y1k7Dt/?spm_id_from=333.999.0.0'
}
],
loading: true
loading: false
// iframeUrl: ''
}
},
computed: {
homeLink() {
if (this.$store.getters.uiInfo && this.$store.getters.uiInfo['ui.homeLink'] && this.$store.getters.uiInfo['ui.homeLink'].paramValue) {
return this.$store.getters.uiInfo['ui.homeLink'].paramValue
}
return null
return localStorage.getItem('homeLink') || 'https://www.yunqilaohe.com/'
}
},
mounted() {
setTimeout(() => {
this.loading = false
}, 1000)
},
created() {
this.init()
this.iframeLoad()
this.getIframUrl()
},
methods: {
init() {
blogLastActive().then(res => {
this.blogsInfo = res.data
})
iframeLoad() {
this.loading = true
const iframe = this.$refs.Iframe
if (iframe.attachEvent) {
iframe.attachEvent('onload', () => {
this.loading = false
})
} else {
iframe.onload = () => {
this.loading = false
}
}
},
getIframUrl() {
debugger
console.log('link--', localStorage.getItem('homeLink') || 'https://www.yunqilaohe.com/')
return localStorage.getItem('homeLink') || 'https://www.yunqilaohe.com/'
}
}
}
</script>
<style lang="scss" scoped>
.main_outer {
background-color: var(--MainBG, #f5f6f7)
}
.main_container {
min-width: 1250px;
padding: 0 24px 0 24px;
overflow: auto;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-size: 100% 444px !important;
background: url('../../assets/wizard_main_bg.png') no-repeat;
}
.main_content {
width: 1200px;
}
.content_top_banner {
color: var(--ContentBG, #FFFFFF);
position: relative;
width: 100%;
height: 230px;
}
.top_banner_content {
position: absolute;
top: 62px;
height: 230px;
}
.top_banner_img {
position: absolute;
width: 520px;
height: 230px;
top: 0;
right: 50px;
}
.top_banner_card {
position: relative;
width: 100%;
height: 214px;
}
.hint_head {
line-height: 48px;
font-weight: 600;
font-size: 48px;
}
.hint_content {
margin-top: 12px;
line-height: 26px;
font-weight: 400;
font-size: 18px;
}
.content_middle {
height: 290px;
width: 100%;
margin-top: 24px;
}
.content_middle_left {
float: left;
width: 792px;
height: 290px;
padding: 24px;
border-radius: 4px;
background-color: var(--ContentBG, #FFFFFF);
}
.content_middle_title {
float: left;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 38px;
color: var(--TextPrimary, #1F2329);
}
.content_middle_more {
float: right;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #646A73;
border-radius: 4px;
height: 26px;
padding: 2px;
&:hover {
background: rgba(31, 35, 41, 0.1);
cursor: pointer;
}
}
.content_middle_more i:hover {
background: none;
}
.content_middle_more a:hover {
background: none;
}
.content_middle_right {
float: left;
height: 290px;
width: 384px;
margin-left: 24px;
padding: 24px;
border-radius: 4px;
background-color: var(--ContentBG, #FFFFFF);
}
.content_middle_left {
float: left;
width: 792px;
height: 290px;
padding: 24px;
border-radius: 4px;
background-color: var(--ContentBG, #FFFFFF);
}
.li-custom {
margin-top: 16px;
font-weight: 400;
font-size: 14px;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
list-style-type: disc;
list-style-position: inside;
border-radius: 4px;
padding-left: 12px;
margin-left: -12px;
&:hover {
background: rgba(31, 35, 41, 0.1);
cursor: pointer;
color: #3370FF !important;
.li-a {
color: #3370FF !important;
}
}
}
.li-custom a:hover {
background: none;
}
.li-a {
color: var(--TextPrimary, #1F2329);
}
.ul-custom {
padding-inline-start: 0px;
color: #8F959E;
}
.content_bottom {
width: 100%;
height: 208px;
}
.content_bottom_contact {
float: left;
margin-left: 278px;
width: 200px;
margin-top: 40px;
}
.contact_title {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: var(--TextPrimary, #1F2329);
margin-bottom: 16px;
}
.contact_content {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #646A73;
margin-top: 8px;
}
.contact_content a:hover {
color: #3370FF;
}
.content_bottom_qr_code {
width: 500px;
float: right;
text-align: right;
margin-right: 180px;
margin-top: 40px;
padding-right: 100px;
}
.contact_title_qr {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
text-align: center;
color: #646A73;
margin-bottom: 8px;
}
.contact_wechat_train {
width: 100px;
float: right;
}
.contact_wechat_train_img {
box-sizing: border-box;
width: 100px;
height: 100px;
border: 2px solid #FFFFFF;
}
.contact_wechat_official {
width: 100px;
float: right;
margin-right: 40px;
}
.contact_wechat_official_img {
box-sizing: border-box;
width: 100px;
height: 100px;
border: 2px solid #FFFFFF;
}
.contact_wechat_group {
width: 100px;
float: right;
margin-right: 40px;
}
.contact_wechat_group_img {
box-sizing: border-box;
width: 100px;
height: 100px;
border: 2px solid #FFFFFF;
}
.main_container_outer {
width: 100%;
height: calc(100vh - 56px);
background-color: var(--MainBG, #f5f6f7);
overflow: auto;
}
<style scoped>
.iframe-wrapper {
height: 100%;
}
</style>
src/views/wizard/index1.vue 0 → 100644
<template>
<div
v-if="loading"
v-loading="loading"
style="position:absolute;top:55px;width: 100%;height: calc(100% - 55px);"
class="main_outer"
/>
<div v-else-if="homeLink">
<iframe
id="mobsf"
:src="homeLink"
frameborder="0"
style="position:absolute;top:55px;width: 100%;height: calc(100% - 55px);"
/>
</div>
<el-row
v-else
class="main_container_outer"
>
<el-row class="main_container">
<el-row class="main_content">
<el-row class="content_top_banner">
<div class="top_banner_content">
<div class="hint_head">{{ $t('wizard.welcome_title') }}</div>
<div class="hint_content">{{ $t('wizard.welcome_hint') }}</div>
</div>
<svg-icon
class="top_banner_img"
icon-class="wizard_main_bg_inner"
/>
</el-row>
<el-row class="top_banner_card">
<wizard-card :details="cardList[0]" />
<wizard-card
:details="cardList[1]"
style="margin:0 24px 0 24px"
/>
<wizard-card-enterprise :details="cardList[2]" />
</el-row>
<el-row class="content_middle">
<div class="content_middle_left">
<el-row>
<span class="content_middle_title">{{ $t('wizard.teaching_video') }}</span>
<div class="content_middle_more"><a
target="_blank"
href="https://space.bilibili.com/510493147/channel/collectiondetail?sid=262774"
>{{ $t('wizard.more') }}<i class="el-icon-arrow-right" /></a></div>
</el-row>
<el-row style="margin-top: 12px">
<video-card :details="videoList[0]" />
<video-card
style="margin:0 12px 0 12px"
:details="videoList[1]"
/>
<video-card :details="videoList[2]" />
</el-row>
</div>
<div class="content_middle_right">
<el-row>
<span class="content_middle_title">{{ $t('wizard.latest_developments') }}</span>
<div class="content_middle_more"><a
target="_blank"
href="https://blog.fit2cloud.com/categories/dataease"
>{{ $t('wizard.more') }}<i class="el-icon-arrow-right" /></a></div>
</el-row>
<el-row>
<ul class="ul-custom">
<li
v-for="blogItem in blogsInfo"
:key="blogItem.title"
class="li-custom"
><a
target="_blank"
class="li-a"
:href="blogItem.href"
:title="blogItem.title"
>{{ blogItem.title }}</a></li>
</ul>
</el-row>
</div>
</el-row>
<el-row class="content_bottom">
<div class="content_bottom_contact">
<el-row class="contact_title">
<span>{{ $t('wizard.contact_us') }}</span>
</el-row>
<el-row class="contact_content">
<span>{{ $t('wizard.email') }}dataease@fit2cloud.com</span>
</el-row>
<el-row class="contact_content">
<span>{{ $t('wizard.tel') }}400-052-0755</span>
</el-row>
<el-row class="contact_content">
{{ $t('wizard.web') }}<a
style="text-decoration:underline;"
target="_blank"
href="https://www.dataease.io"
>www.dataease.io</a>
</el-row>
<el-row class="contact_content">
{{ $t('wizard.bbs') }}<a
style="text-decoration:underline;"
target="_blank"
href="https://bbs.fit2cloud.com/c/de"
>https://bbs.fit2cloud.com/c/de</a>
</el-row>
</div>
<div class="content_bottom_qr_code">
<div class="contact_wechat_train">
<div class="contact_title_qr">{{ $t('wizard.f2c_train') }}</div>
<img
class="contact_wechat_train_img"
src="@/assets/wizard_wechat-train.png"
>
</div>
<div class="contact_wechat_official">
<div class="contact_title_qr">{{ $t('wizard.weChat_official_account') }}</div>
<img
class="contact_wechat_official_img"
src="@/assets/wizard_wechat-official.jpeg"
>
</div>
<div class="contact_wechat_group">
<div class="contact_title_qr">{{ $t('wizard.technical_group') }}</div>
<img
class="contact_wechat_group_img"
src="../../assets/wizard_wechat-group.png"
>
</div>
</div>
</el-row>
</el-row>
</el-row>
</el-row>
</template>
<script>
import { blogLastActive } from '@/api/wizard/wizard'
import WizardCard from '@/views/wizard/WizardCard'
import VideoCard from '@/views/wizard/VideoCard'
import WizardCardEnterprise from '@/views/wizard/WizardCardEnterprise'
export default {
name: 'Wizard',
components: {
WizardCardEnterprise,
VideoCard,
WizardCard
},
data() {
return {
blogsInfo: [],
cardList: [
{
head: this.$t('wizard.quick_start'),
content: this.$t('wizard.demo_video_hint'),
img: 'wizard_quick_start',
bgColor: '#E7F2FF',
href: 'https://www.bilibili.com/video/BV1qG4y1F7uc/'
},
{
head: this.$t('wizard.online_document'),
content: this.$t('wizard.online_document_hint'),
img: 'wizard_help',
bgColor: '#F3F2FF',
href: 'https://dataease.io/docs/index.html'
},
{
head: this.$t('wizard.enterprise_edition'),
content: this.$t('wizard.enterprise_edition_hint1') + '<br>' + this.$t('wizard.enterprise_edition_hint2') + '<br>' + this.$t('wizard.enterprise_edition_hint3'),
img: 'wizard_enterprise',
bgColor: '#FFFAF0',
href: 'https://jinshuju.net/f/TK5TTd'
}
],
videoList: [
{
content: '1.1 连接数据库并添加数据集',
img: 'wizard_video1.png',
href: 'https://www.bilibili.com/video/BV13V4y1P7FB/?spm_id_from=333.999.0.0'
},
{
content: '1.2 Excel 数据集和 API 数据集',
img: 'wizard_video2.png',
href: 'https://www.bilibili.com/video/BV16P4y1Q7zT/?spm_id_from=333.999.0.0'
},
{
content: '1.3 数据集整合',
img: 'wizard_video3.png',
href: 'https://www.bilibili.com/video/BV1fR4y1k7Dt/?spm_id_from=333.999.0.0'
}
],
loading: true
}
},
computed: {
homeLink() {
if (this.$store.getters.uiInfo && this.$store.getters.uiInfo['ui.homeLink'] && this.$store.getters.uiInfo['ui.homeLink'].paramValue) {
return this.$store.getters.uiInfo['ui.homeLink'].paramValue
}
return null
}
},
mounted() {
setTimeout(() => {
this.loading = false
}, 1000)
},
created() {
this.init()
},
methods: {
init() {
blogLastActive().then(res => {
this.blogsInfo = res.data
})
}
}
}
</script>
<style lang="scss" scoped>
.main_outer {
background-color: var(--MainBG, #f5f6f7)
}
.main_container {
min-width: 1250px;
padding: 0 24px 0 24px;
overflow: auto;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-size: 100% 444px !important;
background: url('../../assets/wizard_main_bg.png') no-repeat;
}
.main_content {
width: 1200px;
}
.content_top_banner {
color: var(--ContentBG, #FFFFFF);
position: relative;
width: 100%;
height: 230px;
}
.top_banner_content {
position: absolute;
top: 62px;
height: 230px;
}
.top_banner_img {
position: absolute;
width: 520px;
height: 230px;
top: 0;
right: 50px;
}
.top_banner_card {
position: relative;
width: 100%;
height: 214px;
}
.hint_head {
line-height: 48px;
font-weight: 600;
font-size: 48px;
}
.hint_content {
margin-top: 12px;
line-height: 26px;
font-weight: 400;
font-size: 18px;
}
.content_middle {
height: 290px;
width: 100%;
margin-top: 24px;
}
.content_middle_left {
float: left;
width: 792px;
height: 290px;
padding: 24px;
border-radius: 4px;
background-color: var(--ContentBG, #FFFFFF);
}
.content_middle_title {
float: left;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 38px;
color: var(--TextPrimary, #1F2329);
}
.content_middle_more {
float: right;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #646A73;
border-radius: 4px;
height: 26px;
padding: 2px;
&:hover {
background: rgba(31, 35, 41, 0.1);
cursor: pointer;
}
}
.content_middle_more i:hover {
background: none;
}
.content_middle_more a:hover {
background: none;
}
.content_middle_right {
float: left;
height: 290px;
width: 384px;
margin-left: 24px;
padding: 24px;
border-radius: 4px;
background-color: var(--ContentBG, #FFFFFF);
}
.content_middle_left {
float: left;
width: 792px;
height: 290px;
padding: 24px;
border-radius: 4px;
background-color: var(--ContentBG, #FFFFFF);
}
.li-custom {
margin-top: 16px;
font-weight: 400;
font-size: 14px;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
list-style-type: disc;
list-style-position: inside;
border-radius: 4px;
padding-left: 12px;
margin-left: -12px;
&:hover {
background: rgba(31, 35, 41, 0.1);
cursor: pointer;
color: #3370FF !important;
.li-a {
color: #3370FF !important;
}
}
}
.li-custom a:hover {
background: none;
}
.li-a {
color: var(--TextPrimary, #1F2329);
}
.ul-custom {
padding-inline-start: 0px;
color: #8F959E;
}
.content_bottom {
width: 100%;
height: 208px;
}
.content_bottom_contact {
float: left;
margin-left: 278px;
width: 200px;
margin-top: 40px;
}
.contact_title {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: var(--TextPrimary, #1F2329);
margin-bottom: 16px;
}
.contact_content {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #646A73;
margin-top: 8px;
}
.contact_content a:hover {
color: #3370FF;
}
.content_bottom_qr_code {
width: 500px;
float: right;
text-align: right;
margin-right: 180px;
margin-top: 40px;
padding-right: 100px;
}
.contact_title_qr {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
text-align: center;
color: #646A73;
margin-bottom: 8px;
}
.contact_wechat_train {
width: 100px;
float: right;
}
.contact_wechat_train_img {
box-sizing: border-box;
width: 100px;
height: 100px;
border: 2px solid #FFFFFF;
}
.contact_wechat_official {
width: 100px;
float: right;
margin-right: 40px;
}
.contact_wechat_official_img {
box-sizing: border-box;
width: 100px;
height: 100px;
border: 2px solid #FFFFFF;
}
.contact_wechat_group {
width: 100px;
float: right;
margin-right: 40px;
}
.contact_wechat_group_img {
box-sizing: border-box;
width: 100px;
height: 100px;
border: 2px solid #FFFFFF;
}
.main_container_outer {
width: 100%;
height: calc(100vh - 56px);
background-color: var(--MainBG, #f5f6f7);
overflow: auto;
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论