From ed5259db7689ea15626b9a1c1db969880e0e1257 Mon Sep 17 00:00:00 2001 From: zhy521521 Date: Fri, 1 Mar 2024 10:49:14 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E5=87=86=E4=BD=93=E7=B3=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 7 +- public/images/pdf.png | Bin 0 -> 3973 bytes public/images/pdfbg.png | Bin 0 -> 4525 bytes src/App.vue | 5 + src/api/bztx/index.js | 9 + src/views/bztx/index.vue | 629 +++++++++++++++--------- src/views/scgl/components/cpcl.vue | 19 +- src/views/scgl/components/nySuggest.vue | 6 +- src/views/zygk/components/dsj.vue | 2 +- src/views/zygk/components/fwfb.vue | 22 +- src/views/zygk/components/fwqs.vue | 13 +- src/views/zygk/components/fwyj.vue | 43 +- src/views/zygk/components/smzq.vue | 11 +- src/views/zygk/components/zlnd.vue | 25 +- src/views/zygk/components/zlsource.vue | 2 +- src/views/zygk/components/zlyjfb.vue | 23 +- src/views/zygk/components/zxfb.vue | 12 +- 17 files changed, 506 insertions(+), 322 deletions(-) create mode 100644 public/images/pdf.png create mode 100644 public/images/pdfbg.png diff --git a/README.md b/README.md index 2ef3e4e..62ff129 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,4 @@ ## 项目启动 node-v10版本即可 -## 项目适配 使用postcss-px2rem px2rem-loader进行rem适配 -https://blog.csdn.net/Refuelefforts/article/details/113933784 -实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将px单位转换成rem单位 -前方有坑：UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css,所以要配置相关样式，在style中需要" !important "进行样式覆盖。 + -## rem作为单位 元素是根据根元素字体大小来计算 rem高度不适配解决方案 媒体查询 vw vh +## /home/project/nginx/html/dist_0228 diff --git a/public/images/pdf.png b/public/images/pdf.png new file mode 100644 index 0000000000000000000000000000000000000000..8c7a69b20d8eac06365dc7dd6b1c98c45c358ce7 GIT binary patch literal 3973 zcmbVPc{o&I`=((+GYlq1$XJr4L`e2A#=eXp$-cBmcA1QIjF_loO_2yKk|os`VHg=A zMM{)?&AvBT$9$*n@89+P@w=|`p7&hOeLv6hp7%W0dp{?|&ejadcZ83Fg9B<|j&EWP#u8l7d9XU2s;-C6sL8F1c)>8-HF#Ou` zJ1`nqs;_0=iQr_#tq-Ebl^v80Oy5dczi7g@q+Q4ggh<=E9wpBQ4_R0Y(^pS$v-%$>-;Wkn#j;M%j6l< zwYwvlHYYf7%Wl3YaOKV$*@b!J(}0NcRYyfPPgqC?s*JcgZF=gXlqcJzOU%;n?A2Sc zp=lZLz5{a}4O@cPmw1j(0ZTVec*{9m;GME}A3nmn*OW?8l)1|lpM+9T@z9gBWOekAeFJ`aN?PW zn0s30GY(lbkz|*;aJl%7=Y1uKO0UiDa)0~&UA?*2B|C&0o>Gl+Ym~llflp58)vY|c z0_Avf1kdH;-Ll@uY?|J^L{hp~C$&JVO=s=D2{2 zH}aCxJ+lv}_C^W7!A>Jg1EBVFGy^0P<&OXir%Buf0KG6d09flF0YIzrIN*KTGvQw% z2yZF?hspg*(UJKYfRAAl0KaT&-jsj9F(d%6+_aW?D@CpY3)sQqTlJeMtq5LFk#cWG zR%lwfi!~6g4lS9&(yaD?0MGLgzahQjEuq*V(NMqzjEmlE(?`GN0rF`i>xA=^Q8bs; z5=`Jgh*yLv8W_Jv7`n)H=U*l#2fmTM3Oh;3P^{4BFu=KTDGNImIK;zjKKRe%1DNa= zmXi8^@>IR#o$q~F`=aM9JVllAH7PIe{k`l#n+mfI*|yZ14^=s9*G!Yw!@Pc~q7b`> zPfz}=zTwN94}G4ae3}BAHpEYvua8=DwRx1j%yqT*Wap){Zo%)E-z35ORADkuF#2gT zDp>=;lK}=vfAd0OjzALs2e?N+$6(C%z_R2y``r(6*hT+EN$MZjIG4=_N=bIBg{^n# zN;ht`z6x>(4759WGDItYqbonfTgNhqgrP?+so8LvKb~dnZ}#l2w(MvsDMPU)a}$M;fnsVh(>C)A-csWJclLXl{fBG%KJ(OWi(MNc`D7jn+-QKSGfTI6U~P*L^Frp#R<_H@+b*)5H?9=# zY+bx5jFU$s9~-bzB>q-++D9L2^HU)+P(B|~CvYo`uW0Vpxf8@0S@U8ba_>IN?(t*A zU{TMl1UBtdwtr>we~I>Az9>%|4Uo{ zyU3~HW*)gqF(@>Efl{PE)pMW43^U>H(va@%^ttaMM_UP_~3u-TafHZ{i$L<1%O{oci7I(raRMg^1Ky*^`|4$!4n&W z0z(t_}c$nDeXymFa;k!k;AXC|N^fVI29Eo1NvHXX)ziLeA))$S6)%NAj4<_oq5>rHgsxhAn zpb)9b;kMlc&x5g${%EEnfw*lo8{5u(Xe?&qkyy8RGf#a`8h9f`+LI1}sB1SC z%_AQT)Qc_)W9gAwg7X2GlktZG$tAE{6cb0rA0#)5XnYw>U2WHSMEEZ3%%Dq#d^dDdKeo&zvwLM zR34wNt-h>Q?t>&Jmz9lKl|9zE-&gVxwVZ`TvnHj)hWq6OCk&I^+C=Bb?R9nZz=oZu zv5D5N{Un&enNigB(1N9sE-gzdU7+#Bm`34 zI=*3&pJn<$W&8N+J~6ceZ{EByDcIvbmrS=%Ljz< zt_1IUFV3k7>P{Lwx0WDSMqygQ=jo*V!MwaDd5^}+ohPMqGE>G|q@UYZEvNv3Dt?-4 zz0;F_$XdmP>-|-nX}#SFO-q4qxGFd-{t z*ORGPxP{V)QKkUb5KX*n#U!+*fea=%)I%ZYJ_e*^({@i0w1K2r6qEvd$WaS>#o_8JEAP) z&WHGgyj(S|sv^#-SL0nh_#-<{!ruBCkKmnL{7XyBif*iscfVQr88SN^A#(RKh0fyf zu#FjCR#5e|phh9`{H&^m7rCo|nI<1M39aP-gmhnQYPa!D^~IvPy1mVSy1FN}g=C!& zj`{YCgcKhnI1C!LAH!C{I!g=`4Gb3DSWcw+ivnr{exYtfp&C=DpvZk6T?fb|4xA(R z`%4z*yT8+x2CEV|pFwQRLcNe2j8a@2fmkNpxU%j-^$o8 zE7YR$SK>s)+)vrHxKq1kqp~Hq51aQ?5us|KK3lr^hAYGo@AmZUM+DcJDHdmRQn{Bw zmPdo1@VAtf!5ZlNEG|%@jP@8?vF>KXmD$Bx;AnLyint1*ZzN!)b|&uZmq4Z~8i=>2 zPk0`k57(QYvLF!m)f*mol4Hh5bYXhrV9mC#;nRkkep2$oecpFS;Kn+E^OIXM}Q8bwrShO<;6WpZfqLA3pXgGSZ3gP~u;8_EV5_DRtCzr6lb`>^OI47EYyorOAi622@HEJC+U0 zj9#Jresrts8TZKFrPaJVpNHw0Wyk}Zd#`lgWA(X%Tfl5q2Cii9ZBC&96#v_L%+dFy z>S1f-1EAMv6t*pzX8FU41O6ZV>;G(S|4)!yjglD4e@RJxTrsL^0kNTqMn*rrEfBcTF(xe}qsi0KXysnF}uDY+IN;|%Oc~q#ZqEwau>;4BLr3+NRN`Y;h7vi|YWgQqUZCyU(fS;{&@a){$P9A^|`*+^}gQk_w|`HcM?HCPE!sBgDDW5 z9mwES2!7tnNP*w+l@j~F3;ZmZUhq5I z4ykF?`DH1OZwOtdu5dI4y;aIEeN{WDLSsHXTA{+gD8|t-%`A`+M6`Qs7hq=lmp=?X zEvfQX$o7>Ei&Nznmd`vtSu~bwb8B9?I{L!$VsuqGm&>glSh(2n@!&^cC5ve%b5ET9 z>%;qT;}k~PpFRFMFvLD(cTZQ$(*s{bsF5#Ld|B-l)5s6w>_`ZtODxAkR zjF(4Vzd=z2?io3*OEr|}y7G_3%Nn^6mD|-BA@S^2LDNTva;j@jhZ5fF1fLR4IqB%6 zz6)osoRoc%9sl0WWT$clhqeqYYuHwZ3h6D#a&~ z6Y-YF+!y}jA}6Ca>FlsQug1<-F^baqvt~RJsIGVR4C%EEBnZps9Sd8Id@&7cdKi|T z+*S9}n_GCOu5hHzc`F2}C~S|?MQ^K0e7}a$#tKukgdnACQ6w9$)ZHRyeauiY!9RV z?AEGIg587>_@-Y6I5^_iehONK>O#W`nK_LIXL%cB_NpPa5<#!Y(t+03PVsxY)JBp3 zxj`9kefb+$Zj;w08RzW)ris0H8nzOkB|KT0?rK|V4;sI8+Gz$|$kAf=*5YXdP?h>G zh6?>V?VS;7wg85iD=-jABeVdnS`s~T_|i~-$-~j?Hk-YA3z0Ef<_c`U$5)hSoGZFr zk~%L;;arZ5x!!_dA!oHbb(lbe(X-6Y@7RX{$F%25h!nb_q1Q`ICAhODxnLISjL6yX z*k{nw87ekSJNgpUX@;>hWx)9|_yjLgkBRTdr;=tEk-c{Vr0B-|e_e%P6b$w^Ds6!t zvrB*BE{@nOkem%E12kAA+lcJ=*PgHMk=zfXOKmdol}`qsYnL#7sb{tw=VX~kIfC}` ze*w@Hjl5MhqCgSuH%?>sLoEqPI5uYb3$h?mgrGJJf`aOL{hV6|ce8mkkbU1Jx~6#v zPks_77h_u5q=4LAFZ6^BfTp&xK`-iI#79oH3r!%PkX+zeE zA*KxHG>+udFY#pSF+D^p(San<3e>TLlkm0e@0=nJn#%lghU z0pC<@)T9%;!NKkgZ{<+4Ou+lQKc+>dTOVIk(cbh!Q%y}?T{9Ep407)THksQr}R*&;*_s0osaZLk`hAMX^Lp0jeG)^AwSBx&VMj zSk}XC-s^+=ea=6HC|Cq(<3_V=+&lx6!mxfN1($+5_tR2b@uhB%OSEGaj_+msWU0Q| zYzR#SQ2Ll(&abbpzg{c5E>dos(1UjXjb6xJN{ctx=XTNCtXE9II5-W791McIQ{9dl1KAI>D+BD z3Mo+eKc`JF3K&YG84i&{jkK+tV4Pflz?cuH_CRoy-ux}u2g4XEXWdLgMc$8Is z#Q{8%0X!-c%UTy8&?0jycA|jzb94rsc!1EnF?ItGJT~5sI0FYZ{GY5{m!TsEe_I%0 zw8%9TJ27Bacn5BdG44>)ATP}ZX&{&ACj?qf>lrd1#I-9nGQHt@(I#asi#MXJBV_puvsX`gP*Cg z9(M9JzT1p<+eiX+G(&Jj#Lx{)eL&Ttrw4ruK)3;sogDze<5$z4u6*6E`Nau;@}?^Y zANp+}{A_GKzbDmnG%_N$Vyh=O^)hhKdpl57$8pD*gv_>okl9X`?V;S-HfZr1_vJ1x(0Q>DyajB2A}yax19NWM$!chx7IQ`|bfWG7vbA?* zx8*FJASD05Pwj;}rx(Ex0IhAp`QgAf$&~2sX@^*}5~$-Z$W>6&1UGvf81YJuQpl#A zfZ_v-`oj5Z`gvn$yaEfeA^HbYJid%eCG!?<# zAmz-(BfH_rJ>$&!=@eh8{-+xW+YL z&w>ljb}~UdSr=ISzuU$3L;48`T^Lb9PPsOP2&$5gqF>%%-Kq&K!_O4)z*biCTNYKL zlHFe_6NT|B;pFV75DY%0flDAfHI>{;1o&>tdm5bCHZ8!;wt9mxKpSFP)>C2gRA^#* zd1?=VNHYbUdPJahOxOSpPoA?Awf9_)H74=bld&kW54ecu=`>gYX8pQ;(S`am)8FX3wjbeoVW03=M%5ds;2O{ zlqmE&J2#yd5^yXv*WlKWbI%cv-0)tj*Q9gzEj-2s_x5K;2&t#y-Y=aq^>b~-#jk7& z-+7F8rlYa?@R(Nv(^#EZdtkbNtr{LQ;Y)sihap>aOCNANsty$rtad9^hZQ&ppF6mn zH)n=NItqVMseQ8;d~aF1uE% z7TY6_#FrW)$VOPU1Ce?9_B$W!;TraiL&V}L+(6*ozJ`+nxGmxcy(&@rpPJAr`gq8P z@%v|w^YxOPl0(W}v&;l< zIDQ1l5qr8AreI8K++Cb2Q^>w9TGhQ;?GD&Jg*Eeg(dj1o`gJH5jNeG&N+L|=w~Y+W i!xj77I_Bsb@uVR`(5oD~J`()@1x9ovIn>z&B>fkXBt!ZD literal 0 HcmV?d00001 diff --git a/src/App.vue b/src/App.vue index 6c9a592..fe83075 100644 --- a/src/App.vue +++ b/src/App.vue @@ -9,6 +9,7 @@ box-sizing: border-box; // user-select: none; } + // 修改滚动条样式 * { scrollbar-color: rgb(13, 43, 85) transparent; @@ -37,6 +38,10 @@ } } +//去除el-dialog append-to-body 设置为false的暗色背景 +.v-modal { + background: transparent !important; +} @font-face { font-family: YouSheBiaoTiHei; diff --git a/src/api/bztx/index.js b/src/api/bztx/index.js index cd236b8..420c8bd 100644 --- a/src/api/bztx/index.js +++ b/src/api/bztx/index.js @@ -24,3 +24,12 @@ export function getSchemeTree(params) { params, }); } +// 标准体系查询 +export function standardSystemQuery(params) { + return request({ + url: "/standard/system/standardSystemQuery", + method: "post", + params, + }); +} +// diff --git a/src/views/bztx/index.vue b/src/views/bztx/index.vue index c17aa99..2d4289f 100644 --- a/src/views/bztx/index.vue +++ b/src/views/bztx/index.vue @@ -7,7 +7,7 @@ 硒产业标准体系统计
+ @click="ckickItem(item.parentId, item.schemeName)">
{{ item.schemeName }}
@@ -18,7 +18,7 @@
+ @click="ckickItem(item.parentId, item.schemeName)">
{{ item.schemeName }} @@ -32,140 +32,237 @@
-
+
标准统计
-
+
- {{ gjLIst.name }} + {{ countryList.key }}
-
{{ gjLIst.num }}
+
{{ countryList.value }}
-
+
- {{ hyList.name }} + {{ hyList.key }}
-
{{ hyList.num }}
+
{{ hyList.value }}
-
+
- {{ sjList.name }} + {{ sjList.key }}
-
{{ sjList.num }}
+
{{ sjList.value }}
-
+
- {{ dbzList.name }} + {{ dbzList.key }}
-
{{ dbzList.num }}
+
{{ dbzList.value }}
+
+
+
+ {{ allList.key }} +
+
{{ allList.value }}
本地标准 -
+
- {{ bdList.name }} + {{ bdList.key }}
- {{ bdList.num }} + {{ bdList.value }}
-
+
+
- +
-
+
+
+ + + +
+
- + + +
@@ -398,7 +433,6 @@ export default { position: relative; top: 7.8vh; height: calc(100% - 7.8vh); - // border: 1px solid red; box-sizing: border-box; padding: 0 10px; display: flex; @@ -462,7 +496,7 @@ export default { .bztj-card { width: 100%; - height: 240px; + height: 26.086vh; background-image: url('../../../public/images/bztxcard.png'); background-size: 99% 100%; background-repeat: no-repeat; @@ -486,42 +520,65 @@ export default { .gj, .hy, .sj, - .dbz { + .dbz, + .all { width: 100px; text-align: center; position: absolute; - // border: 1px solid red; } .gj { left: 0; top: -10px; - // border: 1px solid red; } + .gj:hover { + cursor: pointer; + } + .hy { right: 0; top: -10px; } + .hy:hover { + cursor: pointer; + } + .sj { left: 0; bottom: 35px; } + .sj:hover { + cursor: pointer; + } + .dbz { right: 0; bottom: 35px; } + + .dbz:hover { + cursor: pointer; + } + + .all { + left: 150px; + top:5.978vh; + } + + .all:hover { + cursor: pointer; + } } .bd { .item { margin: auto; - height: 100px; + height: 10.87vh; width: 40%; - // border: 1px solid red; background-image: url('../../../public/images/xcybg.png'); background-size: 100% 100%; background-position-y: 15px; @@ -562,13 +619,18 @@ export default { .search-wrap { display: flex; - justify-content: flex-end; + justify-content: space-between; align-items: center; - height: 50px; + height: 5.435vh; width: 100%; box-sizing: border-box; padding-right: 20px; + .imgs { + width: 30px; + margin-left: 20px; + } + .search { width: 150px; width: 100%; @@ -579,18 +641,97 @@ export default { border: 1px solid; border-image: linear-gradient(124deg, rgb(119, 194, 251), rgb(43, 101, 215), rgb(43, 101, 215)) 1 1; background: none; - height: 30px; + height: 3.261vh; color: #fff; } } - .charts { + .flexs { + justify-content: flex-end; + } + + .charts, + .contents { width: 100%; - height: calc(100% - 50px); + height: calc(100% - 3.261vh); + } + + .contents { + box-sizing: border-box; + padding: 20px 0 0 20px; + display: flex; + flex-wrap: wrap; + + .item { + width: 200px; + height: 21.74vh; + margin: 0 20px 2.174vh 0; + + .imgWrap { + margin: 20px auto; + width: 100px; + height: 10.87vh; + } + + .title { + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + } + + .item:hover { + background-image: url('../../../public/images/pdfbg.png'); + background-size: 100% 100%; + cursor: pointer; + } + + .nodata { + width: 100%; + height: 650px; + line-height: 650px; + text-align: center; + font-size: 20px; + opacity: 0.7; + } + + } + } } + /deep/ .el-dialog__title { + color: #fff; + font-size: 16px; + } + + /deep/ .el-dialog__body { + padding: 0 20px 20px; + height: 69.565vh; + } + + /deep/.el-dialog__wrapper { + // position: absolute !important; + margin: auto; + height: 86.956vh; + width: 60%; + background-image: url('../../../public/images/vediobg.png'); + background-size: 100% 100%; + + } + + /deep/ .el-dialog { + + background: none; + height: 100%; + width: 100%; + margin: 0; + margin-top: 0 !important; + } + } \ No newline at end of file diff --git a/src/views/scgl/components/cpcl.vue b/src/views/scgl/components/cpcl.vue index 40eab05..68539eb 100644 --- a/src/views/scgl/components/cpcl.vue +++ b/src/views/scgl/components/cpcl.vue @@ -20,14 +20,17 @@ export default { }, mounted() { productOutput().then(res => { - var xAxisData = res.data.map(item => { - return item.productName - }) - var seriesData = res.data.map(item => { - return item.productQuantity - }) - this.$refs.cpcl.option.grid.left = 8+"%" - this.$refs.cpcl.getInitEcharts(xAxisData, seriesData) + if (res.code == 200) { + var xAxisData = res.data.map(item => { + return item.productName + }) + var seriesData = res.data.map(item => { + return item.productQuantity + }) + this.$refs.cpcl.option.grid.left = 8 + "%" + this.$refs.cpcl.getInitEcharts(xAxisData, seriesData) + } + }) }, diff --git a/src/views/scgl/components/nySuggest.vue b/src/views/scgl/components/nySuggest.vue index 109c497..7e49683 100644 --- a/src/views/scgl/components/nySuggest.vue +++ b/src/views/scgl/components/nySuggest.vue @@ -36,7 +36,11 @@ export default { font-family: SourceHanSansCN, SourceHanSansCN; font-weight: 400; color: #ECF4F9; - overflow: scroll; + .content{ + height: 12vh; + overflow: scroll; + } + } \ No newline at end of file diff --git a/src/views/zygk/components/dsj.vue b/src/views/zygk/components/dsj.vue index 4c561b8..79c6f75 100644 --- a/src/views/zygk/components/dsj.vue +++ b/src/views/zygk/components/dsj.vue @@ -19,7 +19,7 @@

- {{ itemContent.eventTitle }} + {{ itemContent.eventContent }}

diff --git a/src/views/zygk/components/fwfb.vue b/src/views/zygk/components/fwfb.vue index 203dc2d..018abf0 100644 --- a/src/views/zygk/components/fwfb.vue +++ b/src/views/zygk/components/fwfb.vue @@ -1,6 +1,6 @@