From 1411fe365fe8403a112fdd7bd86d99b8c3e57af0 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期五, 30 十二月 2022 17:21:09 +0800
Subject: [PATCH] 发票页面样式
---
public/static/iconfont.js | 2
src/components/page/invoice/invoiceForm.vue | 86 +++++++++++++++++++++++++++++++++++++++++-
2 files changed, 84 insertions(+), 4 deletions(-)
diff --git a/public/static/iconfont.js b/public/static/iconfont.js
index 74a45d2..f5b3118 100644
--- a/public/static/iconfont.js
+++ b/public/static/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_3842066='<svg><symbol id="icon-dizhi" viewBox="0 0 1024 1024"><path d="M510.376047 598.524232a177.205785 177.205785 0 1 1 177.205785-177.205785 35.597057 35.597057 0 0 1-71.194113 0 106.011672 106.011672 0 1 0-106.011672 106.011672 35.597057 35.597057 0 1 1 0 71.194113z" fill="#FF4B9D" ></path><path d="M512.064958 1024a98.606445 98.606445 0 0 1-74.701852-34.297894L189.742705 700.378584a424.436437 424.436437 0 1 1 644.51459 0l-100.555189 116.924639a35.597057 35.597057 0 0 1-54.045166-46.380107l100.555189-116.924638a354.931236 354.931236 0 0 0-18.44811-479.520934 353.372241 353.372241 0 0 0-499.528038 0A354.931236 354.931236 0 0 0 243.528039 654.128394l248.010149 289.193605a26.762751 26.762751 0 0 0 40.923624 0l30.530322-35.597056a35.597057 35.597057 0 1 1 54.045166 46.380106l-30.400406 35.597057a98.476529 98.476529 0 0 1-74.571936 34.297894z" fill="#0060F7" ></path></symbol><symbol id="icon-dizhi1" viewBox="0 0 1024 1024"><path d="M511.46 956.41c-11.89 0-23.09-5.64-30.15-15.22L237.74 611.33c-100.82-136.5-86.87-322.65 33.15-442.68 64.26-64.3 149.71-99.68 240.6-99.68 90.86 0 176.31 35.39 240.57 99.68 120 120 133.94 306.19 33.12 442.68L541.61 941.19c-7.06 9.59-18.26 15.22-30.15 15.22z m0.04-812.49c-70.88 0-137.52 27.59-187.62 77.73-93.57 93.57-104.44 238.74-25.84 345.19l213.42 289.02 213.42-289.02c78.6-106.45 67.77-251.62-25.8-345.19-50.1-50.14-116.74-77.73-187.58-77.73z" fill="#4181BA" ></path><path d="M511.46 523.14c-73.85 0-133.93-60.09-133.93-133.93 0-73.88 60.09-133.97 133.93-133.97 73.88 0 133.97 60.09 133.97 133.97 0 73.84-60.09 133.93-133.97 133.93z m0-192.96c-32.53 0-58.99 26.49-58.99 59.03s26.46 58.99 58.99 58.99 59.03-26.46 59.03-58.99-26.5-59.03-59.03-59.03z" fill="#2AAAA8" ></path></symbol><symbol id="icon-dingwei" viewBox="0 0 1024 1024"><path d="M512 599.9c-90.4 0-164-73.6-164-164s73.6-164 164-164 164 73.6 164 164-73.5 164-164 164z m0-252.3c-48.7 0-88.3 39.6-88.3 88.3s39.6 88.3 88.3 88.3 88.3-39.6 88.3-88.3-39.6-88.3-88.3-88.3z" fill="#29CCB6" ></path><path d="M512 991c-11.9 0-23.7-4.2-33.3-12.5-37.9-33.2-370.6-330.6-370.6-542.6 0-222.7 181.2-403.8 403.8-403.8s403.8 181.1 403.8 403.8c0 211.9-332.6 509.4-370.6 542.6-9.3 8.3-21.2 12.5-33.1 12.5z m0-858c-167 0-302.9 135.9-302.9 302.9 0 115.2 173.8 316.3 302.8 436.5 107.7-100.9 303-309.9 303-436.5 0-167-135.8-302.9-302.9-302.9z" fill="#4585F5" ></path></symbol><symbol id="icon-shijian2" viewBox="0 0 1024 1024"><path d="M512 972.8C276.48 972.8 85.333333 781.653333 85.333333 546.133333S276.48 119.466667 512 119.466667s426.666667 191.146667 426.666667 426.666666-191.146667 426.666667-426.666667 426.666667z m0-785.066667C314.026667 187.733333 153.6 348.16 153.6 546.133333s160.426667 358.4 358.4 358.4 358.4-160.426667 358.4-358.4-160.426667-358.4-358.4-358.4z" fill="#3793DF" ></path><path d="M512 580.266667c-8.533333 0-17.066667-3.413333-23.893333-10.24L310.613333 392.533333c-13.653333-13.653333-13.653333-34.133333 0-47.786666 13.653333-13.653333 34.133333-13.653333 47.786667 0l153.6 153.6 182.613333-182.613334c13.653333-13.653333 34.133333-13.653333 47.786667 0 13.653333 13.653333 13.653333 34.133333 0 47.786667L535.893333 570.026667c-6.826667 6.826667-15.36 10.24-23.893333 10.24z" fill="#EB4AF4" ></path></symbol><symbol id="icon-shijian3" viewBox="0 0 1039 1024"><path d="M539.962335 944.934087c-233.340866 0-424.256121-190.915254-424.25612-424.256121s190.915254-424.256121 424.25612-424.25612 424.256121 190.915254 424.256121 424.25612c0 235.269303-190.915254 424.256121-424.256121 424.256121z m0-771.374765c-190.915254 0-347.118644 156.20339-347.118644 347.118644s156.20339 347.118644 347.118644 347.118644 347.118644-156.20339 347.118644-347.118644-156.20339-347.118644-347.118644-347.118644z" fill="#388CEB" ></path><path d="M694.237288 597.815443h-192.843691c-21.212806 0-38.568738-17.355932-38.568738-38.568739v-231.412429c0-21.212806 17.355932-38.568738 38.568738-38.568738s38.568738 17.355932 38.568738 38.568738v192.843691h154.274953c21.212806 0 38.568738 17.355932 38.568738 38.568738s-17.355932 38.568738-38.568738 38.568739z" fill="#E78E00" ></path></symbol><symbol id="icon-MBEfenggeduosetubiao-shijian" viewBox="0 0 1024 1024"><path d="M513.024 248.32c-128 0-231.936 103.936-231.936 231.936s103.936 231.936 231.936 231.936c128.512 0 232.448-103.936 232.448-231.936s-103.936-231.936-232.448-231.936z m98.816 328.192L489.984 503.296V364.032h34.816v121.856l104.448 61.952-17.408 28.672z" fill="#AAD4FF" ></path><path d="M605.696 306.176c-128 0-231.936 103.936-231.936 231.936s103.936 231.936 231.936 231.936c128.512 0 232.448-103.936 232.448-231.936s-103.936-231.936-232.448-231.936z m99.328 328.704l-121.856-73.216V422.4h34.816v121.856l104.448 61.952-17.408 28.672z" fill="#2B95FF" ></path><path d="M839.168 259.584h-29.696V230.4c0-6.656-5.12-11.776-11.776-11.776-6.656 0-11.776 5.12-11.776 11.776v29.696h-29.696c-6.656 0-11.776 5.12-11.776 11.776s5.12 11.776 11.776 11.776h29.696V312.32c0 6.656 5.12 11.776 11.776 11.776 6.656 0 11.776-5.12 11.776-11.776v-29.696h29.696c6.656 0 11.776-5.12 11.776-11.776s-5.12-11.264-11.776-11.264zM337.92 805.376c-20.48 0-30.72-16.384-38.4-28.672-7.68-12.288-11.264-17.408-18.432-17.408-6.656 0-10.752 5.12-18.432 17.408-7.168 12.288-17.408 28.672-38.4 28.672-20.48 0-30.72-16.384-38.4-28.672-7.68-12.288-11.264-17.408-18.432-17.408-6.656 0-11.776-5.12-11.776-11.776 0-6.656 5.12-11.776 11.776-11.776 20.48 0 30.72 16.384 38.4 28.672 7.68 12.288 11.264 17.408 18.432 17.408 6.656 0 10.752-5.12 18.432-17.408 7.168-12.288 17.408-28.672 38.4-28.672 20.48 0 30.72 16.384 38.4 28.672 7.68 12.288 11.264 17.408 18.432 17.408s10.752-5.632 18.432-17.408c7.168-12.288 17.408-28.672 38.4-28.672 6.656 0 11.776 5.12 11.776 11.776 0 6.656-5.12 11.776-11.776 11.776-7.168 0-10.752 5.12-18.432 17.408-7.68 11.776-17.92 28.672-38.4 28.672z" fill="#A8D4FF" ></path><path d="M109.89056 552.06912l46.34112-46.336 46.34112 46.336-46.336 46.34112zM925.184 726.528l-34.816-34.816v69.632z" fill="#D9EDFF" ></path></symbol><symbol id="icon-ditu" viewBox="0 0 1024 1024"><path d="M512 146.112776c-155.194618 0-281.452183 121.521704-281.452183 270.873244 0 49.519834 14.047947 98.006128 41.023322 140.820236l220.98195 309.748646c4.365424 6.469342 11.661597 10.332323 19.446911 10.332323 7.810896 0 15.102976-3.886517 19.445888-10.332323l221.528396-310.563198c26.474978-42.120306 40.4779-90.534969 40.4779-139.987265C793.452183 267.63448 667.198711 146.112776 512 146.112776L512 146.112776zM512 568.291051c-77.723176 0-140.726092-63.009056-140.726092-140.726092 0-77.723176 63.002916-140.726092 140.726092-140.726092 77.722152 0 140.726092 63.002916 140.726092 140.726092C652.726092 505.283018 589.722152 568.291051 512 568.291051L512 568.291051zM512 568.291051" fill="#272636" ></path></symbol><symbol id="icon-shijian" viewBox="0 0 1024 1024"><path d="M512 64C264.8 64 64 264.8 64 512s200.8 448 448 448 448-200.8 448-448S759.2 64 512 64z m191.2 604L488.8 544H480V256h64v246.4l191.2 110.4-32 55.2z" ></path></symbol><symbol id="icon-shijian1" viewBox="0 0 1024 1024"><path d="M502.784 75.264c-245.76 0-443.904 198.144-443.904 443.904S259.584 962.56 502.784 962.56c245.76 0 443.904-198.144 443.904-443.904s-200.192-443.392-443.904-443.392z m289.28 578.048c-6.656 13.824-18.432 20.48-31.744 20.48-4.608 0-9.216 0-13.824-2.048L484.864 552.96c-11.264-4.608-20.48-18.432-20.48-31.744v-245.76c0-18.432 15.872-34.304 34.304-34.304s34.304 15.872 34.304 34.304v225.28l241.152 109.056c17.92 6.656 24.576 25.088 17.92 43.52z" fill="#333333" ></path></symbol></svg>',function(e){var t=(t=document.getElementsByTagName("script"))[t.length-1],i=t.getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var l,o,c,n,a,s=function(t,i){i.parentNode.insertBefore(t,i)};if(i&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}l=function(){var t,i=document.createElement("div");i.innerHTML=e._iconfont_svg_string_3842066,(i=i.getElementsByTagName("svg")[0])&&(i.setAttribute("aria-hidden","true"),i.style.position="absolute",i.style.width=0,i.style.height=0,i.style.overflow="hidden",i=i,(t=document.body).firstChild?s(i,t.firstChild):t.appendChild(i))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),l()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(c=l,n=e.document,a=!1,h(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,d())})}function d(){a||(a=!0,c())}function h(){try{n.documentElement.doScroll("left")}catch(t){return void setTimeout(h,50)}d()}}(window);
\ No newline at end of file
+window._iconfont_svg_string_3842066='<svg><symbol id="icon--xialajiantou" viewBox="0 0 1024 1024"><path d="M863.232 432.128l-314.368 314.368c-20.48 20.48-53.248 20.48-73.728 0L160.768 432.128C128 399.36 151.04 343.04 197.632 343.04h628.736c46.592 0 69.632 56.32 36.864 89.088z" fill="" ></path></symbol><symbol id="icon-dizhi" viewBox="0 0 1024 1024"><path d="M510.376047 598.524232a177.205785 177.205785 0 1 1 177.205785-177.205785 35.597057 35.597057 0 0 1-71.194113 0 106.011672 106.011672 0 1 0-106.011672 106.011672 35.597057 35.597057 0 1 1 0 71.194113z" fill="#FF4B9D" ></path><path d="M512.064958 1024a98.606445 98.606445 0 0 1-74.701852-34.297894L189.742705 700.378584a424.436437 424.436437 0 1 1 644.51459 0l-100.555189 116.924639a35.597057 35.597057 0 0 1-54.045166-46.380107l100.555189-116.924638a354.931236 354.931236 0 0 0-18.44811-479.520934 353.372241 353.372241 0 0 0-499.528038 0A354.931236 354.931236 0 0 0 243.528039 654.128394l248.010149 289.193605a26.762751 26.762751 0 0 0 40.923624 0l30.530322-35.597056a35.597057 35.597057 0 1 1 54.045166 46.380106l-30.400406 35.597057a98.476529 98.476529 0 0 1-74.571936 34.297894z" fill="#0060F7" ></path></symbol><symbol id="icon-dizhi1" viewBox="0 0 1024 1024"><path d="M511.46 956.41c-11.89 0-23.09-5.64-30.15-15.22L237.74 611.33c-100.82-136.5-86.87-322.65 33.15-442.68 64.26-64.3 149.71-99.68 240.6-99.68 90.86 0 176.31 35.39 240.57 99.68 120 120 133.94 306.19 33.12 442.68L541.61 941.19c-7.06 9.59-18.26 15.22-30.15 15.22z m0.04-812.49c-70.88 0-137.52 27.59-187.62 77.73-93.57 93.57-104.44 238.74-25.84 345.19l213.42 289.02 213.42-289.02c78.6-106.45 67.77-251.62-25.8-345.19-50.1-50.14-116.74-77.73-187.58-77.73z" fill="#4181BA" ></path><path d="M511.46 523.14c-73.85 0-133.93-60.09-133.93-133.93 0-73.88 60.09-133.97 133.93-133.97 73.88 0 133.97 60.09 133.97 133.97 0 73.84-60.09 133.93-133.97 133.93z m0-192.96c-32.53 0-58.99 26.49-58.99 59.03s26.46 58.99 58.99 58.99 59.03-26.46 59.03-58.99-26.5-59.03-59.03-59.03z" fill="#2AAAA8" ></path></symbol><symbol id="icon-dingwei" viewBox="0 0 1024 1024"><path d="M512 599.9c-90.4 0-164-73.6-164-164s73.6-164 164-164 164 73.6 164 164-73.5 164-164 164z m0-252.3c-48.7 0-88.3 39.6-88.3 88.3s39.6 88.3 88.3 88.3 88.3-39.6 88.3-88.3-39.6-88.3-88.3-88.3z" fill="#29CCB6" ></path><path d="M512 991c-11.9 0-23.7-4.2-33.3-12.5-37.9-33.2-370.6-330.6-370.6-542.6 0-222.7 181.2-403.8 403.8-403.8s403.8 181.1 403.8 403.8c0 211.9-332.6 509.4-370.6 542.6-9.3 8.3-21.2 12.5-33.1 12.5z m0-858c-167 0-302.9 135.9-302.9 302.9 0 115.2 173.8 316.3 302.8 436.5 107.7-100.9 303-309.9 303-436.5 0-167-135.8-302.9-302.9-302.9z" fill="#4585F5" ></path></symbol><symbol id="icon-shijian2" viewBox="0 0 1024 1024"><path d="M512 972.8C276.48 972.8 85.333333 781.653333 85.333333 546.133333S276.48 119.466667 512 119.466667s426.666667 191.146667 426.666667 426.666666-191.146667 426.666667-426.666667 426.666667z m0-785.066667C314.026667 187.733333 153.6 348.16 153.6 546.133333s160.426667 358.4 358.4 358.4 358.4-160.426667 358.4-358.4-160.426667-358.4-358.4-358.4z" fill="#3793DF" ></path><path d="M512 580.266667c-8.533333 0-17.066667-3.413333-23.893333-10.24L310.613333 392.533333c-13.653333-13.653333-13.653333-34.133333 0-47.786666 13.653333-13.653333 34.133333-13.653333 47.786667 0l153.6 153.6 182.613333-182.613334c13.653333-13.653333 34.133333-13.653333 47.786667 0 13.653333 13.653333 13.653333 34.133333 0 47.786667L535.893333 570.026667c-6.826667 6.826667-15.36 10.24-23.893333 10.24z" fill="#EB4AF4" ></path></symbol><symbol id="icon-shijian3" viewBox="0 0 1039 1024"><path d="M539.962335 944.934087c-233.340866 0-424.256121-190.915254-424.25612-424.256121s190.915254-424.256121 424.25612-424.25612 424.256121 190.915254 424.256121 424.25612c0 235.269303-190.915254 424.256121-424.256121 424.256121z m0-771.374765c-190.915254 0-347.118644 156.20339-347.118644 347.118644s156.20339 347.118644 347.118644 347.118644 347.118644-156.20339 347.118644-347.118644-156.20339-347.118644-347.118644-347.118644z" fill="#388CEB" ></path><path d="M694.237288 597.815443h-192.843691c-21.212806 0-38.568738-17.355932-38.568738-38.568739v-231.412429c0-21.212806 17.355932-38.568738 38.568738-38.568738s38.568738 17.355932 38.568738 38.568738v192.843691h154.274953c21.212806 0 38.568738 17.355932 38.568738 38.568738s-17.355932 38.568738-38.568738 38.568739z" fill="#E78E00" ></path></symbol><symbol id="icon-MBEfenggeduosetubiao-shijian" viewBox="0 0 1024 1024"><path d="M513.024 248.32c-128 0-231.936 103.936-231.936 231.936s103.936 231.936 231.936 231.936c128.512 0 232.448-103.936 232.448-231.936s-103.936-231.936-232.448-231.936z m98.816 328.192L489.984 503.296V364.032h34.816v121.856l104.448 61.952-17.408 28.672z" fill="#AAD4FF" ></path><path d="M605.696 306.176c-128 0-231.936 103.936-231.936 231.936s103.936 231.936 231.936 231.936c128.512 0 232.448-103.936 232.448-231.936s-103.936-231.936-232.448-231.936z m99.328 328.704l-121.856-73.216V422.4h34.816v121.856l104.448 61.952-17.408 28.672z" fill="#2B95FF" ></path><path d="M839.168 259.584h-29.696V230.4c0-6.656-5.12-11.776-11.776-11.776-6.656 0-11.776 5.12-11.776 11.776v29.696h-29.696c-6.656 0-11.776 5.12-11.776 11.776s5.12 11.776 11.776 11.776h29.696V312.32c0 6.656 5.12 11.776 11.776 11.776 6.656 0 11.776-5.12 11.776-11.776v-29.696h29.696c6.656 0 11.776-5.12 11.776-11.776s-5.12-11.264-11.776-11.264zM337.92 805.376c-20.48 0-30.72-16.384-38.4-28.672-7.68-12.288-11.264-17.408-18.432-17.408-6.656 0-10.752 5.12-18.432 17.408-7.168 12.288-17.408 28.672-38.4 28.672-20.48 0-30.72-16.384-38.4-28.672-7.68-12.288-11.264-17.408-18.432-17.408-6.656 0-11.776-5.12-11.776-11.776 0-6.656 5.12-11.776 11.776-11.776 20.48 0 30.72 16.384 38.4 28.672 7.68 12.288 11.264 17.408 18.432 17.408 6.656 0 10.752-5.12 18.432-17.408 7.168-12.288 17.408-28.672 38.4-28.672 20.48 0 30.72 16.384 38.4 28.672 7.68 12.288 11.264 17.408 18.432 17.408s10.752-5.632 18.432-17.408c7.168-12.288 17.408-28.672 38.4-28.672 6.656 0 11.776 5.12 11.776 11.776 0 6.656-5.12 11.776-11.776 11.776-7.168 0-10.752 5.12-18.432 17.408-7.68 11.776-17.92 28.672-38.4 28.672z" fill="#A8D4FF" ></path><path d="M109.89056 552.06912l46.34112-46.336 46.34112 46.336-46.336 46.34112zM925.184 726.528l-34.816-34.816v69.632z" fill="#D9EDFF" ></path></symbol><symbol id="icon-ditu" viewBox="0 0 1024 1024"><path d="M512 146.112776c-155.194618 0-281.452183 121.521704-281.452183 270.873244 0 49.519834 14.047947 98.006128 41.023322 140.820236l220.98195 309.748646c4.365424 6.469342 11.661597 10.332323 19.446911 10.332323 7.810896 0 15.102976-3.886517 19.445888-10.332323l221.528396-310.563198c26.474978-42.120306 40.4779-90.534969 40.4779-139.987265C793.452183 267.63448 667.198711 146.112776 512 146.112776L512 146.112776zM512 568.291051c-77.723176 0-140.726092-63.009056-140.726092-140.726092 0-77.723176 63.002916-140.726092 140.726092-140.726092 77.722152 0 140.726092 63.002916 140.726092 140.726092C652.726092 505.283018 589.722152 568.291051 512 568.291051L512 568.291051zM512 568.291051" fill="#272636" ></path></symbol><symbol id="icon-shijian" viewBox="0 0 1024 1024"><path d="M512 64C264.8 64 64 264.8 64 512s200.8 448 448 448 448-200.8 448-448S759.2 64 512 64z m191.2 604L488.8 544H480V256h64v246.4l191.2 110.4-32 55.2z" ></path></symbol><symbol id="icon-shijian1" viewBox="0 0 1024 1024"><path d="M502.784 75.264c-245.76 0-443.904 198.144-443.904 443.904S259.584 962.56 502.784 962.56c245.76 0 443.904-198.144 443.904-443.904s-200.192-443.392-443.904-443.392z m289.28 578.048c-6.656 13.824-18.432 20.48-31.744 20.48-4.608 0-9.216 0-13.824-2.048L484.864 552.96c-11.264-4.608-20.48-18.432-20.48-31.744v-245.76c0-18.432 15.872-34.304 34.304-34.304s34.304 15.872 34.304 34.304v225.28l241.152 109.056c17.92 6.656 24.576 25.088 17.92 43.52z" fill="#333333" ></path></symbol></svg>',function(e){var t=(t=document.getElementsByTagName("script"))[t.length-1],i=t.getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var l,o,c,n,a,s=function(t,i){i.parentNode.insertBefore(t,i)};if(i&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}l=function(){var t,i=document.createElement("div");i.innerHTML=e._iconfont_svg_string_3842066,(i=i.getElementsByTagName("svg")[0])&&(i.setAttribute("aria-hidden","true"),i.style.position="absolute",i.style.width=0,i.style.height=0,i.style.overflow="hidden",i=i,(t=document.body).firstChild?s(i,t.firstChild):t.appendChild(i))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),l()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(c=l,n=e.document,a=!1,h(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,d())})}function d(){a||(a=!0,c())}function h(){try{n.documentElement.doScroll("left")}catch(t){return void setTimeout(h,50)}d()}}(window);
\ No newline at end of file
diff --git a/src/components/page/invoice/invoiceForm.vue b/src/components/page/invoice/invoiceForm.vue
index a110051..c93b5a0 100644
--- a/src/components/page/invoice/invoiceForm.vue
+++ b/src/components/page/invoice/invoiceForm.vue
@@ -3,6 +3,14 @@
<div class="title">璁㈠崟鍙戠エ</div>
<div class="invoiceForm-main">
<div class="invoiceForm-main-inside">
+ <div class="invoice-date-box">
+ <el-date-picker
+ class="invoice-date-box"
+ v-model="date"
+ type="date"
+ placeholder="閫夋嫨鏃ユ湡">
+ </el-date-picker>
+ </div>
<van-list
v-model="loading"
:finished="finished"
@@ -15,7 +23,6 @@
<div v-for="(item,index) in invoiceData" :key="index">
<el-checkbox
v-model="item.isShow"
- :label="item.isShow"
class="invoiceForm-block"
@change="handleCheckedCitiesChange(invoiceData)">
<div>
@@ -24,6 +31,7 @@
<svg class="iconSvg" style="font-size: 12px" aria-hidden="true">
<use xlink:href="#icon-shijian3"></use>
</svg>
+ {{item.isShow}}
{{item.enterTime}}
</div>
<div class="invoiceForm-content">
@@ -48,7 +56,10 @@
</van-list>
<div class="fapiao-btn">
<el-checkbox v-model="checkAll" @change="handleCheckAllChange">鍏ㄩ��</el-checkbox>
- <el-button size="mini" @click="seeInvoice">涓嬭浇鍙戠エ</el-button>
+ <div class="fapiao-right">
+ <span class="money">閲戦锛�<font class="big">235</font>鍏�</span>
+ <el-button size="mini" @click="seeInvoice">涓嬭浇鍙戠エ</el-button>
+ </div>
</div>
</div>
</div>
@@ -65,6 +76,7 @@
},
data() {
return {
+ date:'',
checkedInvoices: [1,2],
invoiceData:[],
checkAll:false,
@@ -72,7 +84,8 @@
finished: false,
current:1,
size:8,
- total:''
+ total:'',
+ filedId: []
}
},
mounted() {
@@ -95,6 +108,9 @@
}
this.$byutil.postData(this,url,params,res => {
let row = res.data.records
+ row.forEach(e=>{
+ this.$set(e,'isShow',false)
+ })
this.total = res.data.total
if(row == null) {
this.finished = true
@@ -108,25 +124,68 @@
})
},
handleCheckAllChange(val) {
+ this.filedId = []
let ids = []
this.invoiceData.forEach(item => {
ids.push(item.id)
item.isShow = val
+ this.filedId.push(item.id)
})
},
handleCheckedCitiesChange(value) {
+ console.log(value,'value')
+ this.filedId = []
let checkedCount = value.length;
let ids = value.filter(item => {
return item.isShow == true
})
+
+ console.log(ids,'ids=========')
+ if(ids.length > 0) {
+ ids.forEach(item => {
+ this.filedId.push(item.id)
+ })
+ }
this.checkAll = checkedCount === ids.length;
},
seeInvoice() { //鏌ョ湅鍙戠エ
+ console.log(this.filedId,'this.filedId==========')
}
}
}
</script>
+<style lang="scss">
+ .fapiao-btn{
+ .el-checkbox{
+ width: 100px!important;
+
+ }
+ }
+ .invoice-date-box{
+ .el-input__prefix{
+ right: 3vw /* 10/7.5 */!important;
+ top: 0.93vw /* 7/7.5 */;
+ }
+ .el-input__inner{
+ border: none!important;
+ }
+ .el-icon-date:before{
+ content: url("../../../assets/images/down.png");
+ width: 2.67vw /* 20/7.5 */;
+ height: 0.267rem /* 20/75 */;
+ }
+ input::-webkit-input-placeholder{ /*WebKit browsers*/
+ color: #303030;
+ font-size: 3.73vw /* 28/7.5 */;
+ font-weight: 500;
+ }
+ .el-input--prefix .el-input__inner{
+ padding-left: 2.67vw /* 20/7.5 */;
+ }
+ }
+
+</style>
<style lang="scss" scoped>
*{
font-family: '骞虫柟';
@@ -184,6 +243,11 @@
height: calc(100% - 11.73vw);
.invoiceForm-main-inside{
padding-bottom: 8vw /* 60/7.5 */;
+ .invoice-date-box{
+ background-color: #fff;
+ padding:1.33vw /* 10/7.5 */ 2.67vw /* 20/7.5 */;
+ display: flex;
+ }
}
}
@@ -206,6 +270,22 @@
background: #fafafa;
border-top: 1px solid #e5e5e5;
z-index: 9;
+ justify-content: space-between;
+ .fapiao-right{
+ display: flex;
+ }
+ .money{
+ display: flex;
+ align-self: center;
+ justify-content: center;
+ font-size: 3.73vw /* 28/7.5 */;
+ align-items: baseline;
+ margin-right: 4vw /* 30/7.5 */;
+ .big{
+ font-size: 4.8vw /* 36/7.5 */;
+ color: #dd894b;
+ }
+ }
}
.money-main{
align-self: flex-start;
--
Gitblit v1.9.1