Skip to content

M
mongo-ui
Commit 4bbdd430 authored by 郭志伟's avatar 郭志伟
Browse files
Options

feat: 顾问

parent 9cf5120b
Show whitespace changes
Inline Side-by-side
Showing with 650 additions and 230 deletions
src/assets/icons/svg/arrow-right.svg 0 → 100644
View file @ 4bbdd430
<?xml version="1.0" encoding="utf-8"?>
<svg width="13px" height="21px" viewBox="0 0 13 21" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<desc>Created with Lunacy</desc>
<g id="Group-6" transform="translate(1.5 1.5)">
<path d="M0 0L10 9L0 18" id="Path-3" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/order.svg 0 → 100644
View file @ 4bbdd430
<?xml version="1.0" encoding="utf-8"?>
<svg width="115px" height="124px" viewBox="0 0 115 124" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<desc>Created with Lunacy</desc>
<defs>
<filter filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" id="filter_1">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
<feOffset dx="6" dy="2" />
<feGaussianBlur stdDeviation="7.5" />
<feColorMatrix type="matrix" values="0 0 0 0 0.854902 0 0 0 0 0.8588235 0 0 0 0 0.9882353 0 0 0 1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect0_dropShadow" />
<feBlend mode="normal" in="SourceGraphic" in2="effect0_dropShadow" result="shape" />
</filter>
<path d="M18.5204 37.0408C28.7489 37.0408 37.0408 28.7489 37.0408 18.5204C37.0408 8.29187 28.7489 0 18.5204 0C8.29187 0 0 8.29187 0 18.5204C0 28.7489 8.29187 37.0408 18.5204 37.0408Z" id="path_1" />
<clipPath id="clip_1">
<use xlink:href="#path_1" />
</clipPath>
</defs>
<g id="编组-2" transform="translate(2 2)">
<path d="M7.999 0L79.5518 0Q79.7482 0 79.9443 0.00963514Q80.1404 0.0192703 80.3358 0.0385174Q80.5313 0.0577644 80.7255 0.0865771Q80.9197 0.11539 81.1123 0.153699Q81.3049 0.192007 81.4954 0.23972Q81.6859 0.287433 81.8738 0.344434Q82.0617 0.401436 82.2466 0.467589Q82.4315 0.533742 82.6129 0.608888Q82.7943 0.684033 82.9718 0.76799Q83.1493 0.851946 83.3225 0.944512Q83.4957 1.03708 83.6641 1.13803Q83.8325 1.23898 83.9958 1.34807Q84.1591 1.45717 84.3168 1.57414Q84.4745 1.69112 84.6263 1.81569Q84.7781 1.94026 84.9236 2.07213Q85.0691 2.204 85.2079 2.34285Q85.3468 2.4817 85.4787 2.6272Q85.6105 2.7727 85.7351 2.92449Q85.8597 3.07628 85.9767 3.234Q86.0936 3.39172 86.2027 3.55499Q86.3118 3.71826 86.4128 3.88669Q86.5137 4.05512 86.6063 4.2283Q86.6988 4.40148 86.7828 4.57899Q86.8668 4.7565 86.9419 4.93791Q87.0171 5.11933 87.0832 5.30422Q87.1494 5.4891 87.2064 5.67701Q87.2634 5.86492 87.3111 6.0554Q87.3588 6.24588 87.3971 6.43847Q87.4354 6.63106 87.4642 6.8253Q87.493 7.01954 87.5123 7.21496Q87.5315 7.41038 87.5412 7.60651Q87.5508 7.80264 87.5508 7.999L87.5508 104.001Q87.5508 104.197 87.5412 104.393Q87.5315 104.59 87.5123 104.785Q87.493 104.98 87.4642 105.175Q87.4354 105.369 87.3971 105.561Q87.3588 105.754 87.3111 105.945Q87.2634 106.135 87.2064 106.323Q87.1494 106.511 87.0832 106.696Q87.0171 106.881 86.9419 107.062Q86.8668 107.243 86.7828 107.421Q86.6989 107.598 86.6063 107.772Q86.5137 107.945 86.4128 108.113Q86.3118 108.282 86.2027 108.445Q86.0936 108.608 85.9767 108.766Q85.8597 108.924 85.7351 109.075Q85.6105 109.227 85.4787 109.373Q85.3468 109.518 85.2079 109.657Q85.0691 109.796 84.9236 109.928Q84.7781 110.06 84.6263 110.184Q84.4745 110.309 84.3168 110.426Q84.1591 110.543 83.9958 110.652Q83.8325 110.761 83.6641 110.862Q83.4957 110.963 83.3225 111.055Q83.1493 111.148 82.9718 111.232Q82.7943 111.316 82.6129 111.391Q82.4315 111.466 82.2466 111.532Q82.0617 111.599 81.8738 111.656Q81.6859 111.713 81.4954 111.76Q81.3049 111.808 81.1123 111.846Q80.9197 111.885 80.7255 111.913Q80.5313 111.942 80.3359 111.961Q80.1404 111.981 79.9443 111.99Q79.7482 112 79.5518 112L7.999 112Q7.80264 112 7.60651 111.99Q7.41038 111.981 7.21496 111.961Q7.01954 111.942 6.8253 111.913Q6.63106 111.885 6.43847 111.846Q6.24588 111.808 6.0554 111.76Q5.86492 111.713 5.67701 111.656Q5.4891 111.599 5.30422 111.532Q5.11933 111.466 4.93791 111.391Q4.7565 111.316 4.57899 111.232Q4.40148 111.148 4.2283 111.055Q4.05512 110.963 3.88669 110.862Q3.71826 110.761 3.55499 110.652Q3.39172 110.543 3.234 110.426Q3.07628 110.309 2.92449 110.184Q2.7727 110.06 2.6272 109.928Q2.4817 109.796 2.34285 109.657Q2.204 109.518 2.07213 109.373Q1.94026 109.227 1.81569 109.075Q1.69112 108.924 1.57414 108.766Q1.45717 108.608 1.34807 108.445Q1.23898 108.282 1.13803 108.113Q1.03708 107.945 0.944512 107.772Q0.851946 107.598 0.76799 107.421Q0.684033 107.243 0.608888 107.062Q0.533742 106.881 0.467589 106.696Q0.401436 106.511 0.344434 106.323Q0.287433 106.135 0.23972 105.945Q0.192007 105.754 0.153699 105.562Q0.11539 105.369 0.0865771 105.175Q0.0577644 104.98 0.0385174 104.785Q0.0192703 104.59 0.00963514 104.393Q0 104.197 0 104.001L0 7.999Q0 7.80264 0.00963514 7.60651Q0.0192703 7.41038 0.0385174 7.21496Q0.0577644 7.01954 0.0865771 6.8253Q0.11539 6.63106 0.153699 6.43847Q0.192007 6.24588 0.23972 6.0554Q0.287433 5.86492 0.344434 5.67701Q0.401436 5.4891 0.467589 5.30422Q0.533742 5.11933 0.608888 4.93791Q0.684033 4.7565 0.76799 4.57899Q0.851946 4.40148 0.944512 4.2283Q1.03708 4.05512 1.13803 3.88669Q1.23898 3.71826 1.34807 3.55499Q1.45717 3.39172 1.57414 3.234Q1.69112 3.07628 1.81569 2.92449Q1.94026 2.7727 2.07213 2.6272Q2.204 2.4817 2.34285 2.34285Q2.4817 2.204 2.6272 2.07213Q2.7727 1.94026 2.92449 1.81569Q3.07628 1.69112 3.234 1.57414Q3.39172 1.45717 3.55499 1.34807Q3.71826 1.23898 3.88669 1.13803Q4.05512 1.03708 4.2283 0.944512Q4.40148 0.851946 4.57899 0.76799Q4.7565 0.684033 4.93791 0.608888Q5.11933 0.533742 5.30422 0.467589Q5.4891 0.401436 5.67701 0.344434Q5.86492 0.287433 6.0554 0.23972Q6.24588 0.192007 6.43847 0.153699Q6.63106 0.11539 6.8253 0.0865771Q7.01954 0.0577644 7.21496 0.0385174Q7.41038 0.0192703 7.60651 0.00963514Q7.80264 0 7.999 0Z" transform="translate(2.245117 7.857178)" id="矩形" fill="#ECECFF" stroke="none" />
<path d="M4.999 0L69.0825 0Q69.2052 0 69.3277 0.00602151Q69.4503 0.012043 69.5724 0.0240715Q69.6946 0.0361001 69.816 0.0541066Q69.9373 0.0721132 70.0577 0.0960544Q70.1781 0.119996 70.2971 0.149814Q70.4161 0.179632 70.5336 0.215255Q70.651 0.250879 70.7665 0.292221Q70.8821 0.333564 70.9955 0.380526Q71.1088 0.427489 71.2198 0.479957Q71.3307 0.532426 71.439 0.590276Q71.5472 0.648125 71.6524 0.711215Q71.7577 0.774305 71.8597 0.842483Q71.9618 0.910662 72.0603 0.983765Q72.1589 1.05687 72.2538 1.13472Q72.3486 1.21257 72.4396 1.29499Q72.5305 1.3774 72.6173 1.46417Q72.704 1.55095 72.7865 1.64188Q72.8689 1.73281 72.9467 1.82767Q73.0246 1.92253 73.0977 2.0211Q73.1708 2.11967 73.239 2.2217Q73.3071 2.32374 73.3702 2.429Q73.4333 2.53426 73.4912 2.64249Q73.549 2.75072 73.6015 2.86165Q73.654 2.97259 73.7009 3.08597Q73.7479 3.19934 73.7892 3.31489Q73.8306 3.43043 73.8662 3.54787Q73.9018 3.6653 73.9316 3.78434Q73.9614 3.90338 73.9854 4.02374Q74.0093 4.1441 74.0273 4.26549Q74.0453 4.38688 74.0574 4.50901Q74.0694 4.63114 74.0754 4.75371Q74.0815 4.87628 74.0815 4.999L74.0815 92.654Q74.0815 92.7767 74.0754 92.8993Q74.0694 93.0219 74.0574 93.144Q74.0453 93.2661 74.0273 93.3875Q74.0093 93.5089 73.9854 93.6293Q73.9614 93.7496 73.9316 93.8687Q73.9018 93.9877 73.8662 94.1052Q73.8306 94.2226 73.7892 94.3381Q73.7479 94.4537 73.7009 94.567Q73.654 94.6804 73.6015 94.7914Q73.549 94.9023 73.4912 95.0105Q73.4333 95.1188 73.3702 95.224Q73.3071 95.3293 73.239 95.4313Q73.1708 95.5333 73.0977 95.6319Q73.0246 95.7305 72.9467 95.8254Q72.8689 95.9202 72.7865 96.0111Q72.7041 96.1021 72.6173 96.1889Q72.5305 96.2756 72.4396 96.358Q72.3486 96.4405 72.2538 96.5183Q72.1589 96.5962 72.0603 96.6693Q71.9618 96.7424 71.8597 96.8105Q71.7577 96.8787 71.6524 96.9418Q71.5472 97.0049 71.439 97.0627Q71.3307 97.1206 71.2198 97.1731Q71.1088 97.2255 70.9955 97.2725Q70.8821 97.3195 70.7665 97.3608Q70.651 97.4022 70.5336 97.4378Q70.4161 97.4734 70.2971 97.5032Q70.1781 97.533 70.0577 97.557Q69.9373 97.5809 69.816 97.5989Q69.6946 97.6169 69.5724 97.629Q69.4503 97.641 69.3277 97.647Q69.2052 97.653 69.0825 97.653L4.999 97.653Q4.87628 97.653 4.75371 97.647Q4.63114 97.641 4.50901 97.629Q4.38688 97.6169 4.26549 97.5989Q4.1441 97.5809 4.02374 97.557Q3.90338 97.533 3.78434 97.5032Q3.6653 97.4734 3.54787 97.4378Q3.43043 97.4022 3.31489 97.3608Q3.19934 97.3195 3.08597 97.2725Q2.97259 97.2255 2.86165 97.1731Q2.75072 97.1206 2.64249 97.0627Q2.53426 97.0049 2.429 96.9418Q2.32374 96.8787 2.2217 96.8105Q2.11967 96.7424 2.0211 96.6693Q1.92253 96.5962 1.82767 96.5183Q1.73281 96.4405 1.64188 96.358Q1.55095 96.2756 1.46417 96.1889Q1.3774 96.1021 1.29499 96.0111Q1.21257 95.9202 1.13472 95.8254Q1.05687 95.7305 0.983765 95.6319Q0.910662 95.5333 0.842483 95.4313Q0.774305 95.3293 0.711215 95.224Q0.648125 95.1188 0.590276 95.0105Q0.532426 94.9023 0.479957 94.7914Q0.427489 94.6804 0.380526 94.567Q0.333564 94.4537 0.292221 94.3381Q0.250879 94.2226 0.215255 94.1051Q0.179632 93.9877 0.149814 93.8687Q0.119996 93.7496 0.0960544 93.6293Q0.0721132 93.5089 0.0541066 93.3875Q0.0361001 93.2661 0.0240715 93.144Q0.012043 93.0219 0.00602151 92.8993Q0 92.7767 0 92.654L0 4.999Q0 4.87628 0.00602151 4.75371Q0.012043 4.63114 0.0240715 4.50901Q0.0361001 4.38688 0.0541066 4.26549Q0.0721132 4.1441 0.0960544 4.02374Q0.119996 3.90338 0.149814 3.78434Q0.179632 3.6653 0.215255 3.54787Q0.250879 3.43043 0.292221 3.31489Q0.333564 3.19934 0.380526 3.08597Q0.427489 2.97259 0.479957 2.86165Q0.532426 2.75072 0.590276 2.64249Q0.648125 2.53426 0.711215 2.429Q0.774305 2.32374 0.842483 2.2217Q0.910662 2.11967 0.983765 2.0211Q1.05687 1.92253 1.13472 1.82767Q1.21257 1.73281 1.29499 1.64188Q1.3774 1.55095 1.46417 1.46417Q1.55095 1.3774 1.64188 1.29499Q1.73281 1.21257 1.82767 1.13472Q1.92253 1.05687 2.0211 0.983765Q2.11967 0.910662 2.2217 0.842483Q2.32374 0.774305 2.429 0.711215Q2.53426 0.648125 2.64249 0.590276Q2.75072 0.532426 2.86165 0.479957Q2.97259 0.427489 3.08597 0.380526Q3.19934 0.333564 3.31489 0.292221Q3.43043 0.250879 3.54787 0.215255Q3.6653 0.179632 3.78434 0.149814Q3.90338 0.119996 4.02374 0.0960544Q4.1441 0.0721132 4.26549 0.0541066Q4.38688 0.0361001 4.50901 0.0240715Q4.63114 0.012043 4.75371 0.00602151Q4.87628 0 4.999 0Z" transform="translate(11.22461 15.71429)" id="矩形" fill="#DADBFC" stroke="none" />
<path d="M4.999 0L69.0825 0Q69.2052 0 69.3277 0.00602151Q69.4503 0.012043 69.5724 0.0240715Q69.6946 0.0361001 69.816 0.0541066Q69.9373 0.0721132 70.0577 0.0960544Q70.1781 0.119996 70.2971 0.149814Q70.4161 0.179632 70.5336 0.215255Q70.651 0.250879 70.7665 0.292221Q70.8821 0.333564 70.9955 0.380526Q71.1088 0.427489 71.2198 0.479957Q71.3307 0.532426 71.439 0.590276Q71.5472 0.648125 71.6524 0.711215Q71.7577 0.774305 71.8597 0.842483Q71.9618 0.910662 72.0603 0.983765Q72.1589 1.05687 72.2538 1.13472Q72.3486 1.21257 72.4396 1.29499Q72.5305 1.3774 72.6173 1.46417Q72.704 1.55095 72.7865 1.64188Q72.8689 1.73281 72.9467 1.82767Q73.0246 1.92253 73.0977 2.0211Q73.1708 2.11967 73.239 2.2217Q73.3071 2.32374 73.3702 2.429Q73.4333 2.53426 73.4912 2.64249Q73.549 2.75072 73.6015 2.86165Q73.654 2.97259 73.7009 3.08597Q73.7479 3.19934 73.7892 3.31489Q73.8306 3.43043 73.8662 3.54787Q73.9018 3.6653 73.9316 3.78434Q73.9614 3.90338 73.9854 4.02374Q74.0093 4.1441 74.0273 4.26549Q74.0453 4.38688 74.0574 4.50901Q74.0694 4.63114 74.0754 4.75371Q74.0815 4.87628 74.0815 4.999L74.0815 92.654Q74.0815 92.7767 74.0754 92.8993Q74.0694 93.0219 74.0574 93.144Q74.0453 93.2661 74.0273 93.3875Q74.0093 93.5089 73.9854 93.6293Q73.9614 93.7496 73.9316 93.8687Q73.9018 93.9877 73.8662 94.1052Q73.8306 94.2226 73.7892 94.3381Q73.7479 94.4537 73.7009 94.567Q73.654 94.6804 73.6015 94.7914Q73.549 94.9023 73.4912 95.0105Q73.4333 95.1188 73.3702 95.224Q73.3071 95.3293 73.239 95.4313Q73.1708 95.5333 73.0977 95.6319Q73.0246 95.7305 72.9467 95.8254Q72.8689 95.9202 72.7865 96.0111Q72.7041 96.1021 72.6173 96.1889Q72.5305 96.2756 72.4396 96.358Q72.3486 96.4405 72.2538 96.5183Q72.1589 96.5962 72.0603 96.6693Q71.9618 96.7424 71.8597 96.8105Q71.7577 96.8787 71.6524 96.9418Q71.5472 97.0049 71.439 97.0627Q71.3307 97.1206 71.2198 97.1731Q71.1088 97.2255 70.9955 97.2725Q70.8821 97.3195 70.7665 97.3608Q70.651 97.4022 70.5336 97.4378Q70.4161 97.4734 70.2971 97.5032Q70.1781 97.533 70.0577 97.557Q69.9373 97.5809 69.816 97.5989Q69.6946 97.6169 69.5724 97.629Q69.4503 97.641 69.3277 97.647Q69.2052 97.653 69.0825 97.653L4.999 97.653Q4.87628 97.653 4.75371 97.647Q4.63114 97.641 4.50901 97.629Q4.38688 97.6169 4.26549 97.5989Q4.1441 97.5809 4.02374 97.557Q3.90338 97.533 3.78434 97.5032Q3.6653 97.4734 3.54787 97.4378Q3.43043 97.4022 3.31489 97.3608Q3.19934 97.3195 3.08597 97.2725Q2.97259 97.2255 2.86165 97.1731Q2.75072 97.1206 2.64249 97.0627Q2.53426 97.0049 2.429 96.9418Q2.32374 96.8787 2.2217 96.8105Q2.11967 96.7424 2.0211 96.6693Q1.92253 96.5962 1.82767 96.5183Q1.73281 96.4405 1.64188 96.358Q1.55095 96.2756 1.46417 96.1889Q1.3774 96.1021 1.29499 96.0111Q1.21257 95.9202 1.13472 95.8254Q1.05687 95.7305 0.983765 95.6319Q0.910662 95.5333 0.842483 95.4313Q0.774305 95.3293 0.711215 95.224Q0.648125 95.1188 0.590276 95.0105Q0.532426 94.9023 0.479957 94.7914Q0.427489 94.6804 0.380526 94.567Q0.333564 94.4537 0.292221 94.3381Q0.250879 94.2226 0.215255 94.1051Q0.179632 93.9877 0.149814 93.8687Q0.119996 93.7496 0.0960544 93.6293Q0.0721132 93.5089 0.0541066 93.3875Q0.0361001 93.2661 0.0240715 93.144Q0.012043 93.0219 0.00602151 92.8993Q0 92.7767 0 92.654L0 4.999Q0 4.87628 0.00602151 4.75371Q0.012043 4.63114 0.0240715 4.50901Q0.0361001 4.38688 0.0541066 4.26549Q0.0721132 4.1441 0.0960544 4.02374Q0.119996 3.90338 0.149814 3.78434Q0.179632 3.6653 0.215255 3.54787Q0.250879 3.43043 0.292221 3.31489Q0.333564 3.19934 0.380526 3.08597Q0.427489 2.97259 0.479957 2.86165Q0.532426 2.75072 0.590276 2.64249Q0.648125 2.53426 0.711215 2.429Q0.774305 2.32374 0.842483 2.2217Q0.910662 2.11967 0.983765 2.0211Q1.05687 1.92253 1.13472 1.82767Q1.21257 1.73281 1.29499 1.64188Q1.3774 1.55095 1.46417 1.46417Q1.55095 1.3774 1.64188 1.29499Q1.73281 1.21257 1.82767 1.13472Q1.92253 1.05687 2.0211 0.983765Q2.11967 0.910662 2.2217 0.842483Q2.32374 0.774305 2.429 0.711215Q2.53426 0.648125 2.64249 0.590276Q2.75072 0.532426 2.86165 0.479957Q2.97259 0.427489 3.08597 0.380526Q3.19934 0.333564 3.31489 0.292221Q3.43043 0.250879 3.54787 0.215255Q3.6653 0.179632 3.78434 0.149814Q3.90338 0.119996 4.02374 0.0960544Q4.1441 0.0721132 4.26549 0.0541066Q4.38688 0.0361001 4.50901 0.0240715Q4.63114 0.012043 4.75371 0.00602151Q4.87628 0 4.999 0Z" transform="translate(8.979492 13.46936)" id="矩形" fill="#FFFFFF" stroke="none" />
<path d="M0 0L39.2856 0L39.2856 7.10304Q39.2856 7.25037 39.2712 7.39699Q39.2567 7.54361 39.228 7.68811Q39.1993 7.83261 39.1565 7.9736Q39.1137 8.11459 39.0573 8.2507Q39.001 8.38682 38.9315 8.51676Q38.862 8.64669 38.7802 8.76919Q38.6983 8.89169 38.6049 9.00558Q38.5114 9.11947 38.4072 9.22365Q38.3031 9.32783 38.1892 9.4213Q38.0753 9.51476 37.9528 9.59661Q37.8303 9.67847 37.7003 9.74792Q37.5704 9.81737 37.4343 9.87375Q37.2982 9.93013 37.1572 9.9729Q37.0162 10.0157 36.8717 10.0444Q36.7272 10.0732 36.5806 10.0876Q36.434 10.102 36.2866 10.102L2.999 10.102Q2.85167 10.102 2.70505 10.0876Q2.55842 10.0732 2.41392 10.0444Q2.26942 10.0157 2.12844 9.9729Q1.98745 9.93013 1.85133 9.87375Q1.71522 9.81737 1.58528 9.74792Q1.45535 9.67847 1.33284 9.59661Q1.21034 9.51476 1.09645 9.4213Q0.982566 9.32783 0.878387 9.22365Q0.774208 9.11947 0.680742 9.00558Q0.587276 8.89169 0.505423 8.76919Q0.42357 8.64669 0.354118 8.51676Q0.284667 8.38682 0.228285 8.2507Q0.171904 8.11459 0.129136 7.9736Q0.0863679 7.83261 0.0576249 7.68811Q0.028882 7.54361 0.014441 7.39699Q0 7.25037 0 7.10304L0 0Z" transform="translate(26.93945 7.857178)" id="矩形" fill="#BABDFF" stroke="none" />
<g filter="url(#filter_1)">
<path d="M3.999 0L62.2253 0Q62.4218 0 62.6173 0.0192563Q62.8128 0.0385126 63.0055 0.0768396Q63.1982 0.115167 63.3862 0.172196Q63.5742 0.229224 63.7557 0.304406Q63.9372 0.379587 64.1104 0.472197Q64.2837 0.564807 64.447 0.673953Q64.6104 0.783099 64.7623 0.907731Q64.9141 1.03236 65.053 1.17128Q65.192 1.3102 65.3166 1.46206Q65.4412 1.61393 65.5504 1.77727Q65.6595 1.94062 65.7521 2.11388Q65.8447 2.28715 65.9199 2.46865Q65.9951 2.65015 66.0521 2.83815Q66.1092 3.02615 66.1475 3.21883Q66.1858 3.41152 66.2051 3.60703Q66.2243 3.80254 66.2243 3.999L66.2243 17.3275Q66.2243 17.524 66.2051 17.7195Q66.1858 17.915 66.1475 18.1077Q66.1092 18.3004 66.0521 18.4884Q65.9951 18.6764 65.9199 18.8579Q65.8447 19.0394 65.7521 19.2126Q65.6595 19.3859 65.5504 19.5492Q65.4412 19.7126 65.3166 19.8645Q65.192 20.0163 65.053 20.1552Q64.9141 20.2942 64.7623 20.4188Q64.6104 20.5434 64.447 20.6526Q64.2837 20.7617 64.1104 20.8543Q63.9372 20.9469 63.7557 21.0221Q63.5742 21.0973 63.3862 21.1543Q63.1982 21.2114 63.0055 21.2497Q62.8128 21.288 62.6173 21.3073Q62.4218 21.3265 62.2253 21.3265L3.999 21.3265Q3.80254 21.3265 3.60703 21.3073Q3.41152 21.288 3.21883 21.2497Q3.02615 21.2114 2.83815 21.1543Q2.65015 21.0973 2.46865 21.0221Q2.28715 20.9469 2.11388 20.8543Q1.94062 20.7617 1.77727 20.6526Q1.61393 20.5434 1.46206 20.4188Q1.3102 20.2942 1.17128 20.1552Q1.03236 20.0163 0.907731 19.8645Q0.783099 19.7126 0.673953 19.5492Q0.564807 19.3859 0.472197 19.2126Q0.379587 19.0394 0.304406 18.8579Q0.229224 18.6764 0.172196 18.4884Q0.115167 18.3004 0.0768396 18.1077Q0.0385126 17.915 0.0192563 17.7195Q0 17.524 0 17.3275L0 3.999Q0 3.80254 0.0192563 3.60703Q0.0385126 3.41152 0.0768396 3.21883Q0.115167 3.02615 0.172196 2.83815Q0.229224 2.65015 0.304406 2.46865Q0.379587 2.28715 0.472197 2.11388Q0.564807 1.94062 0.673953 1.77727Q0.783099 1.61393 0.907731 1.46206Q1.03236 1.3102 1.17128 1.17128Q1.3102 1.03236 1.46206 0.907731Q1.61393 0.783099 1.77727 0.673953Q1.94062 0.564807 2.11388 0.472197Q2.28715 0.379587 2.46865 0.304406Q2.65015 0.229224 2.83815 0.172196Q3.02615 0.115167 3.21883 0.0768396Q3.41152 0.0385126 3.60703 0.0192563Q3.80254 0 3.999 0L3.999 0Z" transform="translate(0 37.04082)" id="矩形" fill="#FFFFFF" stroke="none" />
</g>
<g filter="url(#filter_1)">
<path d="M3.999 0L62.2253 0Q62.4218 0 62.6173 0.0192563Q62.8128 0.0385126 63.0055 0.0768396Q63.1982 0.115167 63.3862 0.172196Q63.5742 0.229224 63.7557 0.304406Q63.9372 0.379587 64.1104 0.472197Q64.2837 0.564807 64.447 0.673953Q64.6104 0.783099 64.7623 0.907731Q64.9141 1.03236 65.053 1.17128Q65.192 1.3102 65.3166 1.46206Q65.4412 1.61393 65.5504 1.77727Q65.6595 1.94062 65.7521 2.11388Q65.8447 2.28715 65.9199 2.46865Q65.9951 2.65015 66.0521 2.83815Q66.1092 3.02615 66.1475 3.21883Q66.1858 3.41152 66.2051 3.60703Q66.2243 3.80254 66.2243 3.999L66.2243 17.3275Q66.2243 17.524 66.2051 17.7195Q66.1858 17.915 66.1475 18.1077Q66.1092 18.3004 66.0521 18.4884Q65.9951 18.6764 65.9199 18.8579Q65.8447 19.0394 65.7521 19.2126Q65.6595 19.3859 65.5504 19.5492Q65.4412 19.7126 65.3166 19.8645Q65.192 20.0163 65.053 20.1552Q64.9141 20.2942 64.7623 20.4188Q64.6104 20.5434 64.447 20.6526Q64.2837 20.7617 64.1104 20.8543Q63.9372 20.9469 63.7557 21.0221Q63.5742 21.0973 63.3862 21.1543Q63.1982 21.2114 63.0055 21.2497Q62.8128 21.288 62.6173 21.3073Q62.4218 21.3265 62.2253 21.3265L3.999 21.3265Q3.80254 21.3265 3.60703 21.3073Q3.41152 21.288 3.21883 21.2497Q3.02615 21.2114 2.83815 21.1543Q2.65015 21.0973 2.46865 21.0221Q2.28715 20.9469 2.11388 20.8543Q1.94062 20.7617 1.77727 20.6526Q1.61393 20.5434 1.46206 20.4188Q1.3102 20.2942 1.17128 20.1552Q1.03236 20.0163 0.907731 19.8645Q0.783099 19.7126 0.673953 19.5492Q0.564807 19.3859 0.472197 19.2126Q0.379587 19.0394 0.304406 18.8579Q0.229224 18.6764 0.172196 18.4884Q0.115167 18.3004 0.0768396 18.1077Q0.0385126 17.915 0.0192563 17.7195Q0 17.524 0 17.3275L0 3.999Q0 3.80254 0.0192563 3.60703Q0.0385126 3.41152 0.0768396 3.21883Q0.115167 3.02615 0.172196 2.83815Q0.229224 2.65015 0.304406 2.46865Q0.379587 2.28715 0.472197 2.11388Q0.564807 1.94062 0.673953 1.77727Q0.783099 1.61393 0.907731 1.46206Q1.03236 1.3102 1.17128 1.17128Q1.3102 1.03236 1.46206 0.907731Q1.61393 0.783099 1.77727 0.673953Q1.94062 0.564807 2.11388 0.472197Q2.28715 0.379587 2.46865 0.304406Q2.65015 0.229224 2.83815 0.172196Q3.02615 0.115167 3.21883 0.0768396Q3.41152 0.0385126 3.60703 0.0192563Q3.80254 0 3.999 0L3.999 0Z" transform="translate(0 65.10202)" id="矩形备份" fill="#FFFFFF" stroke="none" />
</g>
<path d="M15.7142 7.85714C15.7142 3.51776 12.1965 0 7.85712 0C3.51775 0 0 3.51776 0 7.85714" transform="translate(39.28516 0)" id="路径" fill="none" stroke="#BABDFF" stroke-width="4" />
<path d="M0 0.561225L33.6734 0.561225" transform="translate(29.18359 28.06122)" id="路径-8" fill="none" stroke="#DADBFC" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
<path d="M0 0.561226L33.6734 0.561226" transform="translate(29.18359 99.3367)" id="路径-8备份" fill="none" stroke="#FFC842" stroke-opacity="0.375093" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
<g id="编组" transform="matrix(0.7071068 -0.7071068 0.7071068 0.7071068 49.36865 66.01988)">
<g id="编组-3" transform="translate(0 -0.0004882813)">
<g id="椭圆形">
<use stroke="none" fill="#FFF300" fill-opacity="0.1882353" xlink:href="#path_1" />
<g clip-path="url(#clip_1)">
<use xlink:href="#path_1" fill="none" stroke="#FFC842" stroke-width="8" />
</g>
</g>
<path d="M10.5 10.5C10.5 4.70101 5.79899 0 0 0" transform="translate(18.13799 8.316496)" id="路径" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
<path d="M0.561224 0L0.561224 12.3469" transform="translate(17.16549 35.88137)" id="路径-9" fill="none" stroke="#FFC842" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
</g>
</g>
<path d="M22.0785 5.64143C21.6699 5.76714 21.2221 5.83 20.7192 5.83C19.8235 5.83 19.1321 5.54714 18.6371 4.98143C18.1735 4.455 17.9457 3.77143 17.9457 2.93857C17.9457 2.09786 18.1735 1.40643 18.6371 0.864285C19.1242 0.282857 19.7842 0 20.6171 0C21.3399 0 21.9057 0.157143 22.3221 0.479286C22.7228 0.793571 22.9742 1.25714 23.0764 1.88571L22.1492 1.88571C22.0707 1.52429 21.8978 1.25714 21.6464 1.07643C21.3871 0.895714 21.0414 0.809285 20.6171 0.809285C20.0907 0.809285 19.6742 0.982143 19.3678 1.34357C19.03 1.72071 18.865 2.24714 18.865 2.93857C18.865 3.59857 19.0142 4.10928 19.3128 4.46286C19.635 4.84 20.1378 5.02857 20.8214 5.02857C21.0885 5.02857 21.3399 4.99714 21.5757 4.93428C21.7957 4.87143 21.9921 4.785 22.1807 4.675L22.1807 3.52L20.6957 3.52L20.6957 2.73428L23.0999 2.73428L23.0999 5.10714C22.8014 5.34286 22.4635 5.51571 22.0785 5.64143ZM26.6121 5.83Q27.8967 5.83 28.6392 5.005C29.1106 4.47857 29.3464 3.78714 29.3464 2.92286C29.3464 2.05857 29.1106 1.35929 28.6392 0.832857C28.1442 0.275 27.4685 0 26.6121 0C25.7478 0 25.0721 0.275 24.5849 0.840714C24.1135 1.375 23.8857 2.06643 23.8857 2.92286C23.8857 3.77143 24.1135 4.46286 24.5849 4.99714C25.0721 5.54714 25.7478 5.83 26.6121 5.83ZM7.52712 5.72L8.03784 4.31357L10.3871 4.31357L10.8978 5.72L11.88 5.72L9.73498 0.11L8.68998 0.11L6.54498 5.72L7.52712 5.72ZM13.3493 5.72L13.3493 1.61857L13.3807 1.61857L16.1857 5.72L17.0814 5.72L17.0814 0.11L16.1542 0.11L16.1542 4.15643L16.1228 4.15643L13.3493 0.11L12.43 0.11L12.43 5.72L13.3493 5.72ZM0.919283 1.85429L0.919283 5.72L0 5.72L0 0.11L1.07643 0.11L2.98571 4.51L3.01714 4.51L4.91856 0.11L5.99499 0.11L5.99499 5.72L5.0757 5.72L5.0757 1.85429L5.04427 1.85429L3.39428 5.72L2.60071 5.72L0.950712 1.85429L0.919283 1.85429ZM25.2607 4.43928C25.5749 4.82428 26.0307 5.02071 26.6121 5.02071C27.1935 5.02071 27.6414 4.83214 27.9556 4.46286C28.2621 4.09357 28.4192 3.58286 28.4192 2.92286C28.4192 2.26286 28.2621 1.74429 27.9556 1.36714C27.6414 0.99 27.1935 0.809285 26.6121 0.809285C26.0307 0.809285 25.5828 1.00571 25.2607 1.39857C24.9542 1.77571 24.8049 2.27857 24.8049 2.92286C24.8049 3.55928 24.9542 4.06214 25.2607 4.43928ZM8.31284 3.55928L10.1121 3.55928L9.23212 1.1L9.20069 1.1L8.31284 3.55928Z" transform="translate(33.10156 9.994263)" id="MANGO" fill="#FFFFFF" fill-rule="evenodd" stroke="none" />
</g>
</svg>
\ No newline at end of file
src/router/index.js
View file @ 4bbdd430
...@@ -54,6 +54,11 @@ const routes = [ ...@@ -54,6 +54,11 @@ const routes = [
name: "ConsultantExclusive", name: "ConsultantExclusive",
component: () => import("../views/Consultant/Exclusive/index.vue") component: () => import("../views/Consultant/Exclusive/index.vue")
}, },
{
path: "/consultant/plan",
name: "ConsultantPlan",
component: () => import("../views/Consultant/Plan/index.vue")
},
{ {
path: "/user", path: "/user",
name: "User", name: "User",
......
src/style/index.less
View file @ 4bbdd430
...@@ -89,3 +89,42 @@ a { ...@@ -89,3 +89,42 @@ a {
.cr-notify { .cr-notify {
font-size: @font-size-14; font-size: @font-size-14;
} }
.table {
margin: 0;
width: 100%;
thead {
th {
color: @gray-5;
font-size: @font-size-12;
font-weight: @font-weight-bold;
padding: 12px 0 12px 18px;
text-align: left;
background-color: @gray-1;
&:first-child {
border-top-left-radius: @border-radius-lg;
border-bottom-left-radius: @border-radius-lg;
}
&:last-child {
border-top-right-radius: @border-radius-lg;
border-bottom-right-radius: @border-radius-lg;
}
}
}
tbody {
th {
color: @black;
font-size: @font-size-12;
font-weight: @font-weight-bold;
padding: 12px 9px 12px 18px;
text-align: left;
border-bottom: 1px solid #ECE9E9;
}
td {
color: @black;
font-size: @font-size-12;
padding: @padding-sm + 2 @padding-md + 2;
border-bottom: 1px solid #ECE9E9;
text-align: left;
}
}
}
\ No newline at end of file
src/views/Consultant/Exclusive/index.less
View file @ 4bbdd430
@import "../../../style/var.less"; @import "../index.less";
@import "../../../style/mixins.less";
.item-show-mixin {
text-align: center;
.svg-icon {
height: 48px;
width: 48px;
}
h5 {
display: block;
margin: 10px 0 4px;
font-size: @font-size-14;
font-weight: @font-weight-bold;
line-height: @line-height-sm;
color: @black;
}
p {
display: block;
.sub-text-mixins();
color: @black;
}
}
.container { .container {
overflow: hidden; background-color: @white;
background-color: @background-color;
&::after {
content: " ";
display: block;
height: 60px;
}
} }
.cul-hd { .cul-hd {
background: url("../../../assets/images/consultant/avator-bg.png") top no-repeat; background: #fff url("../../../assets/images/consultant/culstor-bg.png") top no-repeat;
background-size: contain; background-size: contain;
padding: 10px 16px; display: flex;
position: relative; justify-content: center;
&-logo { align-items: flex-end;
position: absolute; padding: 0;
left: -5px; height: 249px;
top: 26px; &-info {
width: 100px; padding: 66px 0 40px 30px;
height: 32px; word-break: break-all;
} small {
&-rec {
text-align: center;
margin: 128px 0 109px;
&-title {
display: block;
font-size: @font-size-14;
font-weight: @font-weight-bold;
line-height: 18px;
color: #000;
}
&-sub {
display: block; display: block;
font-size: @font-size-11;
color: #000;
line-height: 18px;
}
}
&-card {
box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.07);
border-radius: 44px 14px 14px 14px;
padding: 20px 20px 32px;
background-color: #fff;
&-title {
.sub-text-mixins(); .sub-text-mixins();
font-size: @font-size-11;
color: @black;
} }
.cr-button { h1 {
height: @button-large-height + 2; font-weight: @font-weight-bold;
line-height: @button-large-line-height + 2; font-size: @font-size-32;
font-size: @font-size-16; line-height: 45px;
} margin-top: 7px;
&-foot {
position: relative;
}
} }
&-discount { .cr-tag {
position: absolute; display: block;
right: 0; margin: 4px 0 11px;
top: -19px; width: 75px;
font-size: @font-size-12;
background: linear-gradient( background: linear-gradient(
180deg, 178deg,
rgba(253, 132, 132, 1) 0%, rgba(114, 114, 114, 1) 0%,
rgba(249, 76, 76, 1) 100% rgba(0, 0, 0, 1) 100%
); );
border-bottom-left-radius: 4px !important; border-radius: 7px 3px 7px 3px;
font-size: 11px !important;
strong {
font-weight: 600;
margin-right: 3px;
}
del {
color: @red;
} }
span {
color: @white;
} }
em { }
font-style: normal; .cul {
color: #FFC600; &-card {
} padding-bottom: 0 !important;
}
&-progress {
padding: 12px 17px 40px;
} }
&-service { &-contact {
display: flex; display: flex;
justify-content: space-around; justify-content: space-between;
padding: 20px 0; &-qrcode {
&-item { background: @white;
.item-show-mixin(); border-radius: @border-radius-md;
} box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.09);
} padding: 4px 6px 9px;
&-stock { p {
&-title {
.sub-text-mixins();
text-align: center; text-align: center;
strong { font-size: @font-size-11;
color: @black; color: @gray-5;
font-weight: @font-weight-bold; line-height: @line-height-sm;
}
}
}
}
.cul-det {
.card {
padding: 20px 16px;
@{deep} &-body {
margin-bottom: 0;
} }
} }
@{deep} .collapse-item-content {
font-size: @font-size-12;
} }
} &-rate {
.cul-odds { flex: 1;
&-sign { padding-left: 22px;
display: flex;
justify-content: space-around;
padding: 10px 0 20px;
&-item { &-item {
&:nth-child(2) { background:@gray-1;
position: relative; border-radius: @border-radius-md;
&::before, padding: @padding-md;
&::after { text-align: center;
content: " "; &:first-child {
display: block; margin-bottom: 11px;
position: absolute;
top: 10px;
width: 1px;
height: 111px;
background-color: #F6F6F6;
}
&::after {
right: -27px;
} }
&::before { h2 {
left: -27px; font-size: @font-size-20;
font-weight: @font-weight-bold;
line-height: 28px;
color: @black;
} }
p {
.sub-text-mixins();
color: @gray-5;
} }
.item-show-mixin();
.svg-icon {
width: 56px;
height: 56px;
} }
h5 {
font-size: @font-size-16;
} }
p:last-child { &-tel {
padding: 8px 17px;
margin: 20px 0 24px;
background-color: @gray-1;
border-radius: @border-radius-max;
display: flex;
justify-content: space-between;
align-items: center;
a {
color: @black;
font-weight: @font-weight-bold; font-weight: @font-weight-bold;
font-size: @font-size-16;
line-height: @line-height-md;
padding-right: 25px;
border-right: 1px solid #e9e9e9;
} }
.svg-icon {
width: 19px;
height: 19px;
vertical-align: -4px;
margin-right: 2px;
} }
} }
&-list { &-time {
&-item { .sub-text-mixins();
margin-bottom: 5px;
} }
&-title { &-slogan {
display: flex;
color: @black;
font-weight: @font-weight-bold;
padding: @padding-sm 0;
&-icon {
font-size: @font-size-12;
font-weight: @font-weight-bold;
font-style: normal;
line-height: @line-height-md - 2;
height: 20px;
text-align: center; text-align: center;
width: 20px; p {
margin-top: 2px;
border-radius: @border-radius-sm / 4 @border-radius-md / 2;
background-color: @orange-light;
box-shadow: 0px 6px 25px 0px rgba(255, 200, 66, 0.2);
}
&-txt {
margin-left: 10px;
font-weight: @font-weight-bold;
font-size: @font-size-14; font-size: @font-size-14;
color: @gray-5;
line-height: @line-height-lg; line-height: @line-height-lg;
} }
} }
&-content { &-entry {
color: @gray-5; background: url("../../../assets/images/consultant/card-bg.png") center no-repeat;
font-size: @font-size-12; background-size: contain;
background-color: @gray-1; height: 117px;
border-radius: @border-radius-md;
padding: 16px;
line-height: @line-height-sm + 2;
.svg-icon {
height: 13px;
width: 13px;
margin-right: 2px;
}
&-item {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 8px; align-items: center;
&:last-child { padding: 0 28px 0 26px;
margin-bottom: 0;
}
}
&-title { &-title {
color: @white;
position: relative;
h3 {
font-size: 24px;
font-weight: @font-weight-bold; font-weight: @font-weight-bold;
line-height: 33px;
margin-bottom: 4px;
}
small {
display: block;
font-size: 11px;
line-height: 11px;
letter-spacing: 4px;
}
.cr-tag {
border-radius: 7px 3px !important;
background-color: rgba(0, 0, 0, 0.2) !important;
font-size: 12px !important;
position: absolute;
top: -3px;
right: -37px;
} }
&-txt {
margin-left: 8px;
width: 216px;
} }
.svg-icon {
width: 22px;
height: 22px;
} }
} }
} }
src/views/Consultant/Exclusive/index.vue
View file @ 4bbdd430
<template> <template>
<div class="container"> <div class="container">
<div class="cul-hd"></div> <div class="cul-hd">
<div class="cul-hd-info">
<small>“保险从业多年，口碑极佳”</small>
<h1>李玉婷</h1>
<cr-tag><svg-icon icon-class="medal" />金牌保险顾问</cr-tag>
<small>执业保险销售资质：</small>
<small>201920000000800<br />02020003828</small>
</div>
<cr-image
class="cul-hd-img"
src="@/assets/images/consultant/culstor-demo.png"
width="215px"
height="230px"
/>
</div>
<div class="cul-det"> <div class="cul-det">
<card title="" class="cul-card">
<div class="cul-contact">
<div class="cul-contact-qrcode">
<cr-image
src="@/assets/images/consultant/qrcode-demo.png"
width="130px"
height="130px"
/>
<p>长安识别二维码加好友</p>
</div>
<div class="cul-rate">
<div class="cul-rate-item">
<h2>38100</h2>
<p>已服务用户人</p>
</div>
<div class="cul-rate-item">
<h2>99.8%</h2>
<p>满意度</p>
</div>
</div>
</div>
<router-link tag="div" class="cul-entry" to="/consultant/plan">
<div class="cul-entry-title">
<h3>您的专属保险方案</h3>
<small>CAPTIVE INSURANC</small>
<cr-tag>自己</cr-tag>
</div>
<svg-icon icon-class="arrow-right" />
</router-link>
<div class="cul-tel">
<a class="cul-tel-num" href="tel:13888888888">
<svg-icon icon-class="call" />138 8888 8888
</a>
<div class="cul-time">服务时间 9:00 ~ 21:00</div>
</div>
<div class="cul-slogan">
<p>“我们的价值：让客户少花钱买好保险”</p>
<p>“我们的愿景：让每个家庭都有备无患”</p>
</div>
<cr-divider :style="{ marginBottom: 0 }" />
</card>
<card title="芒果保险·1对1保险顾问来帮您?"> <card title="芒果保险·1对1保险顾问来帮您?">
<div class="cul-odds-list"> <div class="cul-odds-list">
<div class="cul-odds-list-item" v-for="(item, index) in oddsInsureList" :key="index"> <div class="cul-odds-list-item" v-for="(item, index) in oddsInsureList" :key="index">
......
src/views/Consultant/Plan/index.less 0 → 100644
View file @ 4bbdd430
@import "../Success/index.less";
.container {
background-color: @white;
}
.cul-hd {
background: url("../../../assets/images/consultant/linear-bg.png") top no-repeat;
background-size: contain;
padding: 10px 16px;
&-rec {
margin: 30px 0 33px;
&-title {
display: block;
font-size: @font-size-20;
font-weight: @font-weight-bold;
line-height: 24px;
color: @black;
margin-bottom: 8px;
}
&-sub {
display: block;
font-size: @font-size-14;
color: @black;
line-height: 24px;
}
}
.card {
border-radius: @border-radius-md;
box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.07);
@{deep} &-body {
margin-bottom: 0;
}
}
&-card {
&-title {
font-size: @font-size-16;
font-weight: @font-weight-bold;
color: @black;
line-height: @line-height-lg;
strong {
color: @red;
font-weight: @font-weight-bold;
}
}
&-content {
.sub-text-mixins();
}
}
}
.cul {
&-det {
margin-top: 15px;
.card {
padding: 0 16px 20px;
@{deep} &-body {
margin-bottom: 0;
}
}
}
&-dist {
background-color: @orange-light;
border-radius: 16px 3px;
display: flex;
justify-content: space-around;
padding: 20px 14px;
&-item {
text-align: center;
h3 {
font-size: @font-size-20;
font-weight: @font-weight-bold;
color: @black;
line-height: 28px;
}
p {
.sub-text-mixins();
color: #333;
}
}
}
}
.good {
&-item {
background: @white;
box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.07);
border-radius: @border-radius-md;
margin-bottom: 10px;
padding: @padding-lg;
}
&-title {
font-size: @font-size-20;
font-weight: @font-weight-bold;
color: @black;
line-height: 28px;
.cr-tag {
margin-left: 4px;
vertical-align: 5px;
}
}
&-date {
.sub-text-mixins();
&-item {
margin-right: 16px;
strong {
font-weight: @font-weight-bold;
}
}
}
&-price {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 0;
&-item {
font-size: @font-size-16;
color: @black;
font-weight: @font-weight-bold;
strong {
font-weight: @font-weight-bold;
font-size: @font-size-16;
color: @red;
}
}
.cr-button {
width: 96px;
height: 36px;
line-height: 36px;
border-radius: @border-radius-sm !important;
}
}
&-reason {
display: flex;
background-color: @gray-1;
padding: 7px 12px;
border-radius: 8px;
position: relative;
&::after{
position: absolute;
top: -12px;
left: 18px;
content: ' ';
border-top: 6px transparent dashed;
border-left: 6px transparent dashed;
border-bottom: 6px @gray-1 dashed;
border-right: 6px transparent solid;
}
&-avator {
width: 28px;
margin-right: 8px;
}
&-content {
.sub-text-mixins();
}
}
}
src/views/Consultant/Plan/index.vue 0 → 100644
View file @ 4bbdd430
<template>
<div class="container">
<div class="cul-hd">
<div class="cul-hd-rec">
<small class="cul-hd-rec-sub">
HI,{{ baseInfo.userName }}{{ baseInfo.sex === 1 ? "先生" : "女士" }}
</small>
<h4 class="cul-hd-rec-title">以下是您本人的专属保险方案</h4>
</div>
<card title="1">
<h5 class="cul-hd-card-title" slot="header">
总保费：
<strong>{{ baseInfo.amount }}</strong>
{{ baseInfo.unit }}
</h5>
<p class="cul-hd-card-content">
推荐理由：
{{ baseInfo.reason }}
</p>
</card>
</div>
<div class="cul-det">
<card title="保障分布">
<div class="cul-dist">
<div class="cul-dist-item" v-for="(item, index) in distList" :key="index">
<h3>{{ item.price }}</h3>
<p>{{ item.title }}</p>
</div>
</div>
</card>
<card title="保障总览">
<table class="table">
<thead>
<tr>
<th style="width: 19%">险种</th>
<th style="width: 20%">保额</th>
<th style="width: 23%">保障期限</th>
<th style="width: 17%">缴费期</th>
<th style="width: 20%">保费</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in overviewList" :key="index">
<th>{{ item.title }}</th>
<th>{{ item.amount }}</th>
<th>{{ item.range }}</th>
<th>{{ item.way }}</th>
<th>{{ item.price }}</th>
</tr>
</tbody>
</table>
</card>
<card title="保障产品">
<div class="good-item" v-for="(item, index) in overviewList" :key="index">
<div class="good-title">
{{ item.goods }}
<cr-tag :type="tagFilter(item.type)">{{ item.title }}</cr-tag>
</div>
<div class="good-date">
<span class="good-date-item">
保额 | <strong>{{ item.amount }}</strong>
</span>
<span class="good-date-item">
缴费期 | <strong>{{ item.way }}</strong>
</span>
<span class="good-date-item">
保障期限 | <strong>{{ item.range }}</strong>
</span>
</div>
<div class="good-price">
<div class="good-price-item">
<strong>{{ item.goodsPirce }}</strong>
{{ item.goodsUnit }}
</div>
<cr-button type="warning" @click="goDetail(item.id, item.type)">去投保</cr-button>
</div>
<div class="good-reason">
<div class="good-reason-avator">
<cr-image :src="avator" width="28px" height="28px" />
</div>
<div class="good-reason-content">
推荐理由：
{{ item.reason }}
</div>
</div>
</div>
</card>
</div>
</div>
</template>
<script>
import Card from "@/components/Card";
import avator from "@/assets/images/consultant/avator.png";
export default {
name: "ConsultantSuccess",
components: {
Card
},
data() {
return {
avator,
baseInfo: {
userName: "王斌",
sex: 1,
amount: 10425,
unit: "元/年",
reason: "推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由"
},
distList: [
{ title: "医疗险", price: "500万" },
{ title: "重疾险", price: "50万" },
{ title: "意外险", price: "60万" },
{ title: "寿险", price: "350万" }
],
overviewList: [
{
id: 1,
goods: "国民保·百万医疗险",
type: "mi",
title: "医疗险",
amount: "600万",
range: "1年",
way: "趸交",
price: "350元",
goodsPirce: "3000",
goodsUnit: "元/每年",
reason: "推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由"
},
{
id: 2,
goods: "康惠保2020终身重疾险",
type: "cii",
title: "重疾险",
amount: "50万",
range: "终身",
way: "20年",
price: "6000元",
goodsPirce: "6000",
goodsUnit: "元/每年",
reason: "推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由"
},
{
id: 3,
goods: "国民保·百万意外险",
type: "ai",
title: "意外险",
amount: "50万",
range: "1年",
way: "趸交",
price: "350元",
goodsPirce: "3000",
goodsUnit: "元/每年",
reason: "推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由"
},
{
id: 4,
goods: "国民保·百万寿险",
type: "li",
title: "寿险",
amount: "350万",
range: "保至70岁",
way: "20年",
price: "3725元",
goodsPirce: "3000",
goodsUnit: "元/每年",
reason: "推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由"
}
]
};
},
mounted() {},
methods: {
tagFilter(type) {
let _type = "";
switch (type) {
case "mi":
_type = "warning";
break;
case "cii":
_type = "danger";
break;
case "ai":
_type = "primary";
break;
case "li":
_type = "light";
break;
default:
_type = "light";
break;
}
return _type;
},
goDetail(id, type) {
this.$router.push({ url: "/goods/detail", query: { id, type } });
}
}
};
</script>
<style lang="less" src="./index.less" scoped></style>
src/views/Consultant/Question/index.vue
View file @ 4bbdd430
...@@ -53,11 +53,26 @@ export default { ...@@ -53,11 +53,26 @@ export default {
data() { data() {
return { return {
formData: {}, formData: {},
insuredOptions: [ insuredOptions: [
{ label: "本人", value: "1" }, { label: "本人", value: "1" },
{ label: "配偶", value: "2" }, { label: "配偶", value: "2" },
{ label: "父母", value: "3" }, { label: "儿子", value: "3" },
{ label: "子女", value: "4" } { label: "女儿", value: "4" },
{ label: "父亲", value: "5" },
{ label: "母亲", value: "6" }
],
hasSocialOptions: [
{ label: "有", value: "1" },
{ label: "无", value: "2" }
],
incomeOptions: ["10万", "20万", "25万", "30万"],
loanOptions: ["无房贷", "1000元", "2000元", "3000元", "4000元"],
solveOptions: [
{ label: "之前从没买过保险，打算配置保险", value: "1" },
{ label: "已配置部分保险，打算再补充一些", value: "2" },
{ label: "不配置保险，就想咨询些保险疑惑", value: "3" },
{ label: "无", value: "4" }
], ],
processList: [ processList: [
{ icon: "package-active", sub: "聘请成功", active: true }, { icon: "package-active", sub: "聘请成功", active: true },
......
src/views/Goods/Detail/modules/CpsRate.vue
View file @ 4bbdd430
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</cr-tabbar> </cr-tabbar>
</cr-sticky> </cr-sticky>
<div class="rate-body"> <div class="rate-body">
<table class="rate-table"> <table class="table rate-table">
<thead> <thead>
<tr> <tr>
<th style="width: 40%">投保年龄</th> <th style="width: 40%">投保年龄</th>
...@@ -122,38 +122,15 @@ export default { ...@@ -122,38 +122,15 @@ export default {
width: 100%; width: 100%;
thead { thead {
th { th {
color: @gray-5;
font-size: @font-size-12;
font-weight: @font-weight-bold;
padding: @padding-sm + 2 @padding-md + 2;
text-align: left;
background-color: @gray-1;
&:first-child { &:first-child {
border-top-left-radius: @border-radius-lg;
border-bottom-left-radius: @border-radius-lg;
padding-left: 30px; padding-left: 30px;
} }
&:last-child {
border-top-right-radius: @border-radius-lg;
border-bottom-right-radius: @border-radius-lg;
}
} }
} }
tbody { tbody {
th { th {
color: @black;
font-size: @font-size-12;
font-weight: @font-weight-bold;
padding: @padding-sm + 2 @padding-md + 2;
text-align: left;
padding-left: 30px; padding-left: 30px;
} }
td {
color: @black;
font-size: @font-size-12;
padding: @padding-sm + 2 @padding-md + 2;
text-align: left;
}
} }
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment