From 07750baa99e65a7352a3c9aca4f67c7754369e7d Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Tue, 23 Nov 2021 10:01:06 +0800
Subject: [PATCH] glassPicture

---
 hb_client/src/assets/glass.png         | Bin 0 -> 15383 bytes
 hb_client/src/views/mtm/materialdo.vue | 335 +++++++++++++++++++++++--
 2 files changed, 317 insertions(+), 18 deletions(-)
 create mode 100644 hb_client/src/assets/glass.png

diff --git a/hb_client/src/assets/glass.png b/hb_client/src/assets/glass.png
new file mode 100644
index 0000000000000000000000000000000000000000..7b7c511e1e44eb02218a1183db2446d6f7b0f14f
GIT binary patch
literal 15383
zcmZ{rWn5Ix`}gt7(%szxOLvzm-7JlCBi$h-OLuoIsdRUDrzqVeN+=*9^*{dZ$M*vc
zEU!5;vuEa9@xDG2t)V85g-(u+fPjFds34<>fbfbR`1=|a8MqQruN4BnUU_KBzeT8>
zr91&XfNUYE5CnvVM2tssB;YfetAc?C0s_A0zn@oIHZ;Bn2x8TWG7xQFle2uZZk_$-
z7o2mVWnY5Zv8N}mX#cKqSG;BQx9CDjIrE?CbEb*#-m+M!ggT(IXn80qmJTGPjVG;h
zNQa7O^9H;eKjj@)czHY2wcM<JS$hcBu3NqmbvWyp6Y;O>`DQCI=fh6MZ<nO)Ii1b-
z$!zTVLP;Raa*?$B^C;h(_<ofDR6ZIUQ%s1)Y6o1gfU9Qz<K-0B<q(ck*6*u1sdafa
zu7Cf9R~xpey=!ykIL`MeXm(uHOb|O4Ht6)M@at|YhLwYnMkmwR4pWplldI}_-vvGW
z(R=uub#`1BY*O34hko@K{PJM>pmGR7QiY-;4BOxR+I8O!yq%~vXgXMT>1&z08@lQ~
z2l`CHV~|TD=(Ugo8d^;IU-U4mOWv1W|6Eqrt=3O&<TkgoEcgCd(>A%%U}?S9{QmNb
zy40#|EDjOBY&0DPF?*8OMfaCs>z+T~3~v^$ea~8!56Uu4QbG_>CXIbI8EFEqlLO0r
zH6U7Pq`!cHCvpTF4i@BT(t(lm3O@W`x!;TBitBMa7*D>@skr*8XF8$Cod4SE#}ZGI
zz?f}epw06+B91t1VeoT@<4XO2q}Ix3IExZBr2c5Gkn48CBk}rdU9b1yyvu!;WV6dB
zlbGY(c)4osDMLj=(9?%2AD50p;_XA$x!a3vQ|GQTLCZqJ-hht4a&9OvCCbpKr(>y?
z<Ra<FoI{#|2`g>~|GjADQ<EFW3TM|TuR*h2a=_J$(9Oc&zX#cfIi+Z$Kb673_uGPi
zS&g51ysqzgt(QKi`~E1`eF#fPAru+QYBY`viJ;kV2^J9<)wO<o^5u*nCdDu--q`=F
zWwBh9f^VI*)GjEDv}--nG>By;M}SXIsC8du0e!98@5<`&?zfG7;@J053K#zUzd!4Q
zO6HxAlma?{5oS&!uAHW`c*smU11~3-k0?h4k7j=kUp*8>Qa9GkVn$IcPctNnTiE2d
zmDwR-8TSA9T6Oqv(Z}WUHt_Gsr=!~FmEUCq)hnOWY50C|x;1jgjQlLIB5?<kaG5yH
z(#$d=yO}yO4T)q$d!U6%9y7iiui6$09CIJL)BAGyop1VV3mo(PcBs;=X`Iu=d}dM$
zM<Za$ayS_wF>Rh3PAn$kkE`j=zr6mUF0@r*wR2+b3agi~#x<Y0aDUr<ImyQBe{<^Y
z>{8~=>vL}8!HG#NzLH0CyB*xuF)!r2VQ1QaG@FaT)jiKH!iFwn<><Tt7vWk>M5iD3
zo6}6bRnl;h9sculyPa7e;h%H+aWiq^jS<TS$Pm@6V!E0qFshVO2KGi-ZO2j0Oeg`;
z1Eu9e3ggXJC7yw}gK!d)mB)N7(ligc@5m=R$P*n}$&BR1BJUSpd(8fR;d}Kqtez+K
z^-p-Q=g)65&LfG%g#6{>FVDAqXC{Bmq;_WS_7kPn<R@uq@mz3233@z^XWdWAGII##
z(KaJ#g6uAT=;wfcBQi*A<AkoFP)qc-O{6kU0T0FzWVSmPe)DxTl!9|_;)VI-@i5a=
zP_4$XA3sgyl}*B9pSDe4zX-KnjOILUlS)At>T<F?HOtp3y~KmEy#vqv-(xhH-e+ss
zUF2@^&a|F+{mx;G6l~cc+35t>y(loH`yf(OQf1y=p=k^vESq?AA%zT&Zk*vV%dv#f
z>tyBj1rwi5FD4FFR#rQah-*9>)ofU5+=oNy2uz-)mKd1o5SEQ+^cIWJgR@za#v;nA
zD{4JXlLR5A|9T^>wwZ;BN8>5hd#0~;LUAV3^-SK+hQe=?G48f|{BIK+O}{YOCY&sk
zM2aZxAv0t8c?C7`sIj77bqqLg@BNLB<?K|*5pwDEb2Sfm{5@u4<*$o}k_G9Qn}T;l
z-1?d^xR1q@<=(c-5n(&ltL6%}_@78)l3x({pL@(n*bYYT5vE3HA?8vc(GT@cWwUgd
zl(Q&7O4^Mn>2}-o>P*Vxlto?Xd^20vi?)3CvH03?Ctj{7hUIrJamcePPjQK4#x4Te
z2OL>{d+daG7iRvR6}w0iqt4DcbCp(Eu2L05zy@vc6)0^v<T+L3>2+^&<MN-zxs`qg
zVM*H?;Ru>lz4^HK%KY^<=U0q`!)3tCk_)#h6I7;DLF_`eA6!EXbXaNa(#mYUW#DAt
z;cxZZ?u!RJ{aHTa3xCxlzxM-1JIaxdPP_WAL)(79_Bq|gq_#S(PqKW<OS#!BAmCFY
zBM8ICjmp7BC69Q<k-Y1dOpy?N7WP4%9qko0>qp?*XSYfeRG!Oq?qs>PQT*sa$s!8b
zpUs=d;<iCGx{F4<(3YGCi~m(wRm&@w@7ZsDxnh|(0eBKenhH|iNA4A$v$e01nr@Be
zX2&kP564~1Pm$JKd_4a-G#C<V%?p?;*DJnKs}|Pugn1uj+pg8b>^d@&I*GhTE2k86
zT+t03^fm7E<Y{{KAM+;dS$N;BoFHed%77z`(Nxsz^vHRJmy0UP0M9wqUPW7Q$A73G
z46hJD&#@7egG6-uX|2WKj4hUcsF^gRDxaW{o_kaBIM1Whd?;e{2G9DWfBHY^PKp%`
zHL){(E$?uMB-NBz29we2t)c@OXOjRDQ0}D!-s;@#sGrPtoMPS8D0(~Jl<b<(_+o<Q
zm}y~s-IUxh{5S&fO@nlwh|!cdTujUw!2JbvxILV;<))5d{TO3gMOx3f&GPxNG!Z~j
ziu7B;jbPtD_G(&mo!bKkW2%2T$sy5~Fh*@&fm#j8zSa`-r^+bFDT}CH#tRWq!klCa
z0urg<j++!V{0yF^7PbkS@J(d?YTh%}o#kkn9rosuR(swZVJ|HvH*Z->USj!#siNOs
z=8jbBliH>cR@gvuA%>vaM&Rvcc}b#=**06L0m`8dzEr4>S&~m-CfH{XwR<dLi7COL
zVZEynsVee+-FYW|-W!fisFIkqAP$%5%4<SN)=U)!qkcz6V4@Hfiz=KPp)Hubkl^O-
zeF#Jr!u@bztIMmL1;?vXQ0{JrYQwy5R&6O5B>0lytEeG0(-xXoYt@*v*GspPBk+{^
z6p6(XgE#6L;&ahE!fs6_&f;z*b|9=|i_OHO7W=Q0VcK_rbZ^oEnJS}LmGUYK+iEwJ
zsPe3?kyOLP-w$SgY;JCc^20_qqbw3W8ppA=1eude@9YWd=%%T7te8jY+!--%jMvej
zGm-1nYa(&P(%Nn4P)=mzspjyrd|x7zjYc<Dpc3`0_peA+neWzk<aH*Dhc|3s@?kfz
zQwi9oZEB_MAzyG2DYIHA$7+^SsM~Iw&dV~`P0zw8Uky`0h1jtx1Y%M!aQSTv&eq%7
z5@k?|idB4YQQvLUek#W0r|%xJhc`^C2yJUrkX{|n2?bK8ZR~Zb>R7#3s9>Rg1%vbQ
z3!Vr=31M<7n)+W+D=qEpq0V&UWJAAG)g|BW<+RtgS6v0Ntd6DM6(QJEV(As5k{gJW
zDvm@0z2{^l9pQsQ@`zO5CGrI@?ZG~O7*L#ohvAFVV7e0;|IvflpfRcWwD-vq>D~rs
zg?GHDSK}jLvoximD*n}WE&IS3{YWmEDghn?v181M{$y{WA_8$ZPDDF#<`<N#!oeV?
zjdnNhDVjW_;W^Oi${wiJO(sTdwe+4Aw^@gwC(<r>@AO@(<9kskmDduq+z>Yq8J8V7
z-Ne}Mha)<&a^P*Sf{ph}A?8OguKrZGoGQ<x0MR}cbD?XkF!#jk*s1GKhfxZF9TYw%
z<{Y;oFesjKjP{P61%r^;Rg+e5L!u*#B`GT2<>l!%Gx+(ca5MyB3lB(7nH4BqoM%dM
zR!03$v=Oiur#H{4iIwFTLhCBL;~PbQ#ASzyh!qsNBd`RX5}IxmR<!?G$;h1N3RA2f
z#U9AVuEYPc!g|GygtsruO(1czVyVi9UA9+$>f`FX;KNTe2#UXmUG>WQ46F(VFUe*e
zTUMhMd(xxk77g0hSYi&|sd4S{XXx&M1)6-qYk_mcr@a?yk7*vwF7GpUua$Zs_uB;C
z?*reTjFE#=@yZSjaHq*}J-4`CVsB%Upk8+y9&-Z9C!eSEtR1>x$N{#fhT4PpOAsWE
zA>4$4OLo+-ur<9^<Sr7%E<Y*K;R@fJiE7ZZ<jvbt;+2K(X7O%R(h{(VxQJR!-xht7
z9q>56Fd{BZUrhP*n+oZOq<y-5eY2m^S-5gRiCvP=@4k`^7>hsRZ<RTOx9T_r_{M75
zw(Q#`;U!wE%dd_J{_MjvAXD7FTtnm;D%rdvX-gBtMqzqJZsDhG+d)iG$$5)FOrDkc
z3WqkFOpAzw++_!;)b^DQR{MHNiKxfXbT?s1>2H;MQLkxDvN_`7m^XMC1O8oy8HRCG
zxD=#?WG>8Gwv55A(aCrIB%p5>O(m)!Z{Gsh!kNi4i!WrTYcvE0#yiy!#zmSet6;zj
zWg&V+TZiq!_Ej=ZfyWZ^*%g7?(mZK&<TN&0ty4mr52>{#z^7AF6OqD+zQXf<uhT-1
z3RF(%-04=dgM?MopFk{AIXWLOz?*=JB|8BMf<<_++j~kKg>plNrgtXMMnYgD{7T#?
zkV#ejKu=i~xyQJ_mZNbzf`?!;rXs&a8qn5WvL5hAP|4kteMjp>7-7jqS_Ns73cOs5
z<#C_ybjr#+bf5nIQT4^jreU=s`wvmXL<pwku=JTur%HE|_4R-1svDOxgp4FRrF1Ib
zWbNXICs6!PEOkk2y4tq-<{=}^d6=Al8VCzaa%%hLlWcymwp@LBvQRE+LzwSE39js;
ztNTbejF_KQ2$!EC3_V9PyQs|6g8j8ytod?$sIQU*C=^&TTyw92aRIH!kDA$Z6budY
z$VJ2;LHQ7T4fBpgU|Jtrx=eTAB$yfIAt5oEr*|Xf_!MMFtQBFaaJ2da<-!CQ5&t<a
zsYGah8KrKi8Z?G#Qjrlof$f<TnU5c~97;<N5tlElQ4f=wpxPLPaEndJ(YF^9;vf8B
zBES8uDc2#0`i_}I2o=P^Swn}RJFkF8Kgu3ef5{x9Nk+SzMV-I3s6AZF;}QFIz18U~
zL+am@?y}&mUK@dfi-Lq@jc){qT_y?G@;=`j0!#DA=YQkam1&CpZXRawzMbL(Qx!T1
zf9~^<9s0A-WUJmqg4uEcbN%h?27b~8CUy1~ju>UQR%eq5JU#HK?*J0XN)PX2Bf=wG
zT(lz>lIJ!`*6_L22xw}1OgnBlCBMln8_l+|&|Q^d6@47d%|lzxhf37U-;Z>*Oh1F+
zCiw128`}ED%fMyGmI(<O<5~%~Cj0hmZYs0X50R~4uRp#1wqDZ6ZQU^h-@xrygz!7A
zXdu-T<7yFT-()H^XzytdmWgkf<SvPocm|NlVCK0`vUtzYOpCdFk1|by$xUi$j3bkQ
zTzdXwY-$mXKuCB|n6hQ$LujrOot8c)Z(c?6ON&?Bm(wC)Su)8|Rg7HN-uX~v63Viu
z14d^ueKlqgObRI(3Z!S}=|DaaD1zxiva-!-q{lz!oE)FU<$Nmwr(<>UF9^=#G2Z1l
zBy7wLx2rokO#gBfOcKhEZ;h_dbcM-1m;bz!VWyW-XQE0alwBp48C!QqCHxE)dTFp6
z`zxqNCmA20K3x0$OZm;hBh(c(>YkEwG-1X<E?}ksWn~zOz-ltIE>L5&4}+K{z@4Gf
zd*njSj<=Wc18C%02k`T`mDy&ZyyDkm>xi`WsRWaV$xYdqAdYFbBn))5d4M4}wLQ|I
zYG@S@GKy@K?E*%|ffC6acj#M<p-@+w0K3>pa4aHSAz>aooGQS^6<S<KRMzNzf0&s|
z{yw48>*rd{0j=Gm32up8JbE0?3=$Hfol0V8dCz>QVyeCjJDZYGky}jLrQGps{+X_O
zmR~p;d9WT52NG^`{VK_CUVvt#<S{B|q&f8FSJO3+)Uq_9!z!J{|9&rFwX1l8Gh6?9
z72NSY26(B42PuLDoi~KLh%kTWLqzh~E#D_+s-w%zM+u1mPD9$(6iB>U3}cF4mju5&
zdsj^-%L!d`4}!41mlvp`E6uA3?}GMK6_G1Qu8wA!{DF2u6jh38FL7jirzY+Ssh1fv
zm(oZa^j1joDV(22$tpBJ-&kYt<AjK@l4C67L&vE7r=9OhV8nQuf`c}u+W4q3HoAmm
zm>&>?xvzyBzD=Ja5qxud%5kVoZgE&%>)FuKfDtblAWJhxHx5sMWAHJ(7QR1%R?2QS
zeN3CE<g(xm>@&6}4=_A_qfy9|;;HRgs~WVJC+N}F@AnAFS;07fLa10aqLqZAb%eTQ
z8k($AVR+3z63jgx)N22gl}yz0Gq80TQQZrAZt8Vw-XWo<hf?QXUn`7a32o4_=~mbK
zcYLA+#jo%!>)*u-ZGkgecWDO%#}O;Rlf;tu2dVCgCxoi;DUs0zW9su;fw#tdLzZD8
z*o}%1RPwI^!go`dT$#1TUF1WS^!!BFIRh*)jY!VVdd6Pqo605^?8!H0>n?vpnMj4n
zj2MlGnsK>J_H^Z*vRRowKtGdyoM(x_r*io|x>%;HYNt&aX8pQ0sXlwbc(W$yb4)H5
z`rG->hSVVJSB{P`#WInNYuGk=pp}S$mLo5wyATgf)1yKdF28*S%0T8qt+80wC$JLX
z-<vaswn>Wx6W?8=u1reJLX!_Cj9te#%BuliWn+8bZt#;KvSDEBU7F~tLD66B@zVtS
zf;0twQ5DKA{Albr4~KYjiLlzeAAE&bHFV(g7Y<h99-|5FR#f=ZSA$sebETnVQ#k?s
zUC#XOM4e84XiMjEdj-%2NOh8fp8lri7UAI&eWRiR;yxXb%k%~Ue+a`@`tkm#<0c@m
z_g06dan}p+L4_ZG4V^JqFGB%>b7tZW=DYqigtIOY{C!%E=UV`-KcvLPENM+E<zf5f
zx$WN?V(N+mylkbie*e7d!nqChFLB<yj5Jbnk=-!D2L|zBw~LUYVqW&uho-qIs9wer
ziCxc2GYC*&I~=HzIaewlhpu4cnCgBcF`8LY&?96N4Wgdmn-yl@R{!!p)6^L;0#Dv2
zW314Hrg7Ybzcr6#auviRYDVY%aBXMM?c1<<^$AFvy_KP9pLe2F_zyK$LOVmv!&c|@
z7c1fSZwmY1hp&G=)x!;Cp{)@+Yr_+RQFsjWM7DW?PC3(gB45s(u&A|$d1!{;&3DIB
zKGIS%nfm-E%VLGwH2nReY%FoQ!<#%zcacx(h0eE+6U#Csa3rU1)dqeZIBZIEL+(ws
za|PZm7$l|vzmIs|Ou(7USG+#KGWzvQ1Fh}hcmpbu%u)nJ5n39BuVkSqsg8rVWvx3c
z%O=2n*zYc7wL`;A;PJb(A`@{hWx+XJ=At$I34{~K|FB+{4s}MVxw4WJ&ug)dHaq`J
zK8tD?2gmZT?mTK%Sqw5t^as133c~yISD(S*(<O<L_LYzaybPK%Aw<iO>)XB;W0T+~
zFH760$Uw1HnA~j^95ZB2>cuDmi^ArXP*#zsQi^$M>YAzcVW1^bA2;P^x{>;ud3>!Z
zcZeg>jN!#bVxrXZ%7!_iYz67ko01bn`m|=8Ty`^bi}%@>MEp3Q+jug*(er!h!dKXp
z#bBaOhHcK?4j9A15#cWLsEi8p-~UTbEXHdf<j>&*V!N+EOSew2pDkd+j%&Nl8x0NN
z-5UBKqudZgmpPabo-)KzgzU(AV5mYQFD8ZBQ^Pj;1nI$xv>Fb8Q5WFp%YT<+N2-yI
z#O`&oHQ|02(IW><GXsyP;_0A71YQK;n)7iJ@hby1TROKulSm7ic1_Fnu^<QA#?f3^
zQC@$A(5A>Jb1$I`4h`UB*YpDb^1prKX}3~ew24nJOkEa+8-_-{rx0Yv8C?dCCl{D>
zz7M_JKh!2<4D8-41i+7T+h8=ko%vxOuj(l%zH}M9MG!O25|bjSUE_B1UE4w|5|a$S
zy)@vw<5=ZRjx#zRZtONf)cE0#eb@0EN81Lzy(Js+(M$nHQ3%U+T?!;LVjR7zE1c%A
z!#vc=?QKtQ(Jf{Q*YY|QPM_l=<h<K5iT#E1ozzHlswrWi6hSuEmOq54JEfa%K9S8N
z6Cz#6Tllg*x1C1U)cPEzWCLHog(59cKLTj$v}6~zbC(zK5#G86U{0r7cWGe8N;&^f
zr~fl1DR;j!5%)!0TFR!wgyD7+JN2e?<!NAP-ezeue}$HolJ}<RtX0>uRGH#SrqWlN
z&~9<J7&D#6-+grx*Wm?^U2`U>DJiV(_t&7qzvnt4a4Y$a`WMWHH)O$EH8OwI-`U@`
z*8g6gJG@;_A0H;#9=DA(5%lwQ-q@^3)|P6GeB5hrNI2VuKHt{=z1;d_I*vK#Kt`4D
zneJBHG=sQlw@G#}Y|cVHKc_3Lcl#y%!P$vH?7XE=McqQg_hxPM^0@C?28mMP_VvtI
z<Hdz{n*26a+u5&|r&*dy7#%z1c!TTipnKuOZeUz8Y3CbjQrhd!8vQnMqX_X4C2MoE
zD)Y3}ioWH*`h;7b5cum7!dh)2PW^`~7XS8dD?VN2OqkeWr-!@LrQJs6v&<l8#;iot
zS?@kfO__A<@`+Sh8Lrmpa)|7x>sUqFA5R@Adv89t+f5W6gwyCw45l0IMQ2ESkym=w
zH9d+8eB=G_CB%JfuhCf&b<KgTwO~^e;$P<({p)MuZho*#Z_4>68qT>M7axhGijFSv
zU+#l(KiW(WQ`L1RpM%8|h=Y3}8RA<8&jFLNHxn{~ieE}@k|VcVy*h$Yc8_T|g{Ik!
zw;r$4**S@Fxq7)?sI$LjrlpNzi=CQPHv5_j1_NL{*NHqtCd8&2;Psg&#wTZ{CpTmd
zr%mb|gc6uL)84pzlVc?4!aMdr`Vsu})AWpCK?4%|M&A*`8m5&^JeDy7YyEWH(Gz*<
zrWAa?>AgNad$y)HW9*Y|?6U<`YOUh5*|P>YF=yAGkYs;7ezWTRKxM6GGPGiCyV`0+
zaUZ(*VyBv|?<M|ZmaQSGxYoQYf4}>QL-AQ{etQ3BLvVG9hjOq>rm;6Ktp19#EciG}
zxy-R(_f9nkobOl7MRIdn<;dOFC(sLHq9~ifURO@Pnp!l6fzC4TeUv8L@(&ueX4(SO
z#9B9PDE#h197<<CM&Eor6!{JhokSz&W15t`N`)vT=E@?4z{3v-Ji0%wa6BK;JpV$u
zYJ!9!AKB_R2j-c1A1$M?qT;U)4e}0>S6b!hqpbmilod!%8~mTmngd<}3*SSEl4a&~
zgZPxOYjjoR5=dzo<(t9&PB1u?X9F|x-0Zwbb612;>fzkFUUDVyMYzVkrE|)kaeh^5
zBU^XYqVLk%l=iMzmwiX&AJ=Ued^olIHxu15y87-z2BnQ@m)|K=r?SQGjrUeh<m26h
zU4=RIwz2nTO=+9E>m^kD=B+O#>HGHDscc>RDy()r>Jp{e?9cQ~-yT^lAH32U3Rjtx
zR&Nv66~2TVW-gfEBb~)^^>PdRx}Vsg+_xn~T?49Pc9Jg@p9<`0IB@D-Vg7hj1;rP3
z7Zir4<;e5;u}-PdMsQRsE`*^GxaTYout6AD08-yFO7)l+{5X{MSGCmt_8iIUSb1`B
zp|Ph9u9_*8nMcRg(2!2hOm&bTa%J@$>17UeZC|f|HTZo%OC4Nd<y6z4^O@wmzi0Gy
z{=2P#y}pA-#dFaX#|YiB$t_+-lWg;!f0FeSS{T}f!F~o;drt1YSB-?(nJ9ToT`$`L
zynUWGLzv&A`cCQ9d;X;R&Hg^TTAnCu-IQC~<TJ^rdy>4zblP=&FW~xl>ACR9`X-b9
zCGZd3eejr2llp8*<@&RZ<fCARB0Y2-ZqU@YU8nUaq1v=>BpouRw{-!aS}PhB<x1oq
zVZSLu_ci;10<YQ`+>j$l+kZ@WGSy*f=&W&3d^B=gegsm7bj|tt+y%z`ZeDyFE})o}
znvtyVFEQ2itgkx|?dM9<9QeDfWmrmUhsM|JVwy}|)|8da)<)dS(srGa!C^QVq@!Fq
zN++*SQY$p+=9A$ycS+E!Y8nLg*SnWm^<Kx%mbB@fE^sY5eW$7Q*JxX=@~gPoTH&3%
zpLo%IhTi<q=BoaUqwt0>2fl%zZRw-a?PlpkljXr4>-792CHVx%Y2Hu5YG!oqz?aQV
zs?Hev@a&93W-3Zx^yKJJvEW<^V(j)qaynToV~R(4z?G`fuCNHwRL0r3{{z%;a>i22
z9yRJ+=Ok{M{jJ*%nSS|$KBV>x3Xb5VKGj&zXT#l|G)E~=RLY3>zwQ0`@wLhSnbzAp
zK9T?euAt_2*%E(H5Wh3u3Urr=ja5cE!&y8OO@wm<E8U3qW;$XL@JDW^d>O<%8(4Jk
z{<C*-8DXq?hqlJ1Zp5m!#p!`w&1uZ|$2lO%lS<Iz3e)Lq5$*DU>IJMU=#)(+0(r2T
z{o-zTTZ44AkgTqB|FV~nCkboabvW_)sXce$g2$gcSLRmX%TM{-Aim&;LiTJ^k0S0C
zA!o+S$CME)v>nhC$WNJ}lmG<(nFP)Mj9ht4BZ>W~$1Z+(lKx%2z9N&IFxfAJI>WZv
zC7CJfzgmtUEcGRk<2=jT#{sf_PeCGX)YS3Wfp~%@<N~&QWc3V`x)Tmd`P(EZfe-UW
z^Ite6pwDh=BAO4T#}i8;g586tYZnJgix@xShJ4Zk-}%c($jp<soxGM8`pGhD-`oNZ
zWKiGw_1%W+xG{WgToJ35h&V1cGcUI{h3RW+x`%wQ<_%jJt=&UL%-8}}=l%42P}+wv
z!L&;%>Qsz1t}?#i&6^)!Ln9Is$U1F_OV7J+&&_JswT+1Zt+T;FN8Nc_ucm81UKC2!
zLg}7npQujlOaPZqU-MV9^Qh}yVSJVZRj;_78HN_EQEh}r0U7ef6BHPsDu{v8rK~9K
z9lzZMA3s-Bus6&K?#<g9^FoNbufvu^%biYAs<ds0<5FH$%VeAjpL)jCO($hP38fSU
zbM$?Fuv;+7zQ4w0S#_q#cA!}w6k0rmQyom7AEw?tIoXw6jHAEHY?{ru)pbdet(!?h
z`5=_}BGQ>0DC<Woz9Q?r^^?$?v+-AQtW{<u$HB;AY#v77(KJfwhYDQGfL``o%O@W;
zWtv>3__mk)4gRXrhQs|2N)xZVW_~h@yY;1Muc}IJp2l+!H1E!J^$BT}tA5Z83RbZ7
zEAs4G=Lt?FSjS3nY5AbNg=Wapkax>QpUq*xV7DR$vv}7|vGY!Cgzh6nju_w1d*9!!
z;)0cqM`kPS@5puQIKR$O(``9;9`$5Sedk@b*W99BHl6)`Ml-l0e<nSfq#pS8G5B4Z
zoc*bu@wX4n=SLXNESm+>DnBMWTlTG9e#A4x%-f56nqW-HnNyuWG3RSmVzVQ~4PDH}
zZ6;6`=c#v#A#s<O5I}6B)F5PR!Zo5ut5mo{pNaL5bp)NAHqEsf0<W6qhlI7Ci3rA-
zuItV3wXT2wcN&IxaI@~x=5ILkCub^PRv(qTiHn3S4U_znFro`-`<(FzHs-+A2lbd@
zD{RmiVE*g<pYH_F=7<|``C-58*eOA3i1-mhX1Yf`3_CJ#SY$CcJ8~S6s2Kz{#AmX*
zCNpCqLCyvZj|roGo{<;hkgdSP-6r{_UAD*}Qc-|M%<R1zP7;AmuH$$-%R$rsQ6s|Z
z6O^!Q57&VhR8?g~wZ^B)4&q=RNbh>1?@HaudwGW610RMnww`DbGI{{fwoRcno1b=C
zHwJkVXLlwf2~63l7W|{)Q-G~25a|B{BUXq&t|1IU#-Vn+eKcnwYsO|iVmDYAD+VK1
zfO%|2Vu(UUXuu;>f^-vvekA<eug#04`Q0@hR{<G^<qwg2yfTbtAUlanlOeBp9hxTh
z;q0iG$9D_qYygD@(<uf&gG+95>EsiT-%akv`~re`DuBLx_DzlDed|Zk?0?=d_9)Z*
z<6BLaPAwDCeRm*Y>OzIqry57Q4ZQIeAT{uRO~8K<SFMRkZgIHCGz(Nf7?fT&eV`+W
zvq&`8xL}838mxcPL<BO8rGfWC){}%?ZAg^vgb`-NP!>>p<H*y)Z5t3@Xkh-F#{_+0
z`oMppuA#8$Ls+I!l=!wdKR4yCioS224NJ#o#VkEY$;5xEp`knQFr=mbdPoT<s>PqK
zza(Et0eq|R>1JKoYf>*A8!pPV4!~u;2YG70(#PM4!TjqJa0#=deQX{N36e%d6QuaX
zar1l|J7$_P<h8rs`)#7|un%D)<6tFgl!42^mV*@_1GUO^YUN4y5B+ax2!u6eY(cCp
zI9>(c-NlUE`=sliM)nRMQf(iM)5<D~wY{+=@67H2Tu=rO9UGc2SP#PccCVs1L>(jK
z(ja9d{GCH#U;RFXd6QDI_a&?dZMcSR0y}_=vpHIBc845&;ZGj+?=dQ$y!Qo^OSWl2
z9gsPX_}LtRsdMYZZuECq(g+lWX$mh^AuWLqH~+(Bq2Om_&JHV&Y#L3x)lV#Zo4Lg7
z`exKP7ORccAx8|l>MEkex_Px=KLY;6^#7&2k40^C7DUK?c|k_OPk;WUevX6q0xI)B
z4A8ts)Qm#yOWS<U1tTtlxLOb(f8cT7@tmjtcN8sRkYm5nV-h1{CmW*tFZxN`p!{2{
z@%rm#hccizfQ6d#Q{h5>flCAho061V6VH0$?kLw~@-wvL)FfMCr~7J_FA#}IEpBT|
z6`B?kssRWg=Faa!+tMruS6{oph?#Ut73Y78V~QH3zC9G)i(-fiOt46VW>m!#m*V*4
z##0Ej`ajS6lN>_?CvxH8;g<8CJT4C=03sA!ph@EIJx&*yC9WY0ZB#EK=HD}7Qq8ft
zeJmn*v*OTiNR8?b%za!3%R?4A395mX$N?}prepDjGxtDt-exwBg{$we5unD5@AW6Y
zFc$`BIva>u45O-gX{L$4$v_y<?t3^Fdl>)b>SRGb$>fK}Z)0MfpEXGS3Bj*m%QL1V
zK~xE#n|1(Bm|zSuFu%j0U;l%4MQ=x9<Qj6X7>+q8gg-!s%NP;&&bBs+@~!tE8grJD
zEYuw*-OY6z$!$TFWVPlri3CzI#-t%#0VpPH)-jYPz&Ct#-=U<M6zFV9&%X%xGm3|E
zJK^ia1pGFpwaDZH-a%x4n|pFZy($6hC3GEXQw~{u1}p{1WC$ZVxz~KB&jlw?NfinQ
z51u-nq<BC|8mp&{)R99PFZy13fv-zBm&_o)CczW<GT4YtDEr&CZPS}?;Tf}kb<{hR
zNp)KCFw|ESH!JYbLcV8NTt}q%z*a9U4}+XhZhQ|1rt-p#!%RIBjzO~4(|A|~7?*v3
zw)C*z$xPB}P^Jg^KHnc(10uJKeD5`u<~VPCthXR1K)K`1b#-7g&wa3ui3+=9G~ZI%
zn=|@?B%=xFuvinCq-eZX%#UoFY-Xm_ZS2x;=tsY#lb{zbqLKS$Q0CF5q$6JLVg1~x
zeftMn7RoC3wNhtBo!M@B9s%O8+1cU==pwXR270Mvvf#<DWaa}}$2;Ia^_x|DzI);b
zc>6O#vs$@*8j8UaMaArUvdW^gd6TPi-@7KR%$GTKK3^T_KHz;LWubECv@>@)1b?Bh
zv1E`>rIkcU7XTJlsyfe3f^68SZPTWWSA7;~hD|2O$nP+{NKi1Nw65nSXOp1g?~kgp
zjAHP8Sbbc*_4@@>@)44;1S*Hy$BrMBRd26&Cis8pjsc3dqJM9Gp*Abz=R%3R-Fl~F
z;NO*+17RFY-2FYx3SclUC@5Yb68@w0BuNX>b=o*Z|7RC-=z-i~VJV^<{M&3W46P`f
z*%jStDms%7!cZGW7zMxMWu2B|`SHEROK#RyUpJ%}+!3nZL>u#VK8pK>*z!8`;2ZY?
zS@1ES<ZJXd{O>;^*=UqRiJL3{S2Ef{QOQ|UCung}ck~@CAaOKOy+)-x0E8+Yj^u`v
zP*8kzXoAdw;>%u}%v#kGN&pNRz@xY$0uJ9+dVXzzVu}wkz&h^%_G8h;s|+;!(O63!
zvE7)mNY6<o7}fXkba6Nd@;cvGbq3rE=eko{KG}g2Hnq6#RWG8LP*o{y6eAWZX9zYX
zh2ZqLbw(Z<`ET2RBtTe`lZ?7B0(BSeQ4P=jYTad)SFFv{T|=`O^JAPLk$(XVuvzfa
zu8ZEr+b#dxu~Z2Adng7uO|A7*hD|PNa2<3T5;9s($=whCuHcwb3|9J3PgvUiqup(P
zTJn7qkl6C9A9!0}_{=d5sn55!PT>60JPNH(H9^!s@rPFWbCTE=gpjL@BRR?;%p`z!
zj~$wK+EdI)K2+Z;TKokf4=(@H26?y#&Lb#(iv|$|dxKI~UCOw##x^GpmAr?yf{j`x
z?V9mNf#1Vl)jZ(^pH_f}kG!#qqRf);Z(a3)A!}FH=u~BFDyyxe5CCPnf3hcoo)0aX
zSImycD5zONZuz9mjzXL|gp2}`cRPq4HOSC;Sj4NORUO`6ALJDEd-h`3Cd<^I1T(p%
zwP2-ZI=gRTO;?D9?*wzm4`t>D-?F))&Z|nq0TQB(m3>O{uRKJu6B57%W8~;T=T%h$
z{o{#%I)VPh^dFr+#`*F^#-{;2r+7FK43i_;*d2-l#A3-_kf9(s4JX_%ld$yLk#YSx
z6NxT8xwP{iz}ge%1bs>8hyqHXd-~-n*%pBHozf!ZXI2f!|JP4yeP;v`n_b#p13;y@
zxlVq`+cVHO0Z;7zC-1wR{HG)Jb>H+_UgZe38%>E1n61Wmx7`~ER6CV3IR!*4%{7qt
zprktUKwQY4`zNm1#T72zQqO+&{`rga;aR-HL0aDpkxLSifhYusr>q#Jn5$rNG16Jz
zWr&)A!k9msP#rK0s{)}5sVbFu-5!?6rN`Jj-vFnI55E*Ihek~WGnbi~n4`e3Z*`_p
zUFjl?taeM{oiEQ1X9ZFRp5d}Yh$aM}#n^wHP&3;}J^hN`SZ~W`&lXb@jeEzk9q>@o
zaTJA=4*>PR7AaX4yNm8CH9P#uDKd=EvZ{Y~(J<TfJ>9fythQtZJa6%nT`q84RvEjw
zQ8AgsM$1%a=>ru-#WVPa7b~2NpocSWF49RKW@?#uX|1$r-sj4{jTZ%C6I&18l31p6
z$5m%8(upwSCOjVk^ivtk3?^G><Oa~zKE6Vnp0kRFg4<NlWeERi^wQzUQyq@0y#Got
zl<hxjyXgO5f`uU-_t}8XfcLP404aK<@iR@OTE6H%YTW<|4+F=f_}Aw~awzTs^4lrj
z;Mr<4^5hrJ*|6ykeTTb%@L5${iO~LA_4~F~xFDbw#*v{jBfvpFF*_2pnI<j4AxsDW
zVA~mAHk|`3;+U7+H32;X`t5))QtTi}`qYFhSI}wEz9j~q;rkd_t3~m&WWpfehjQ49
zht2LiCvxDs-@MBFQz2qiU|7V}&XSgTi@!CXj%Co)vH<)$&f5qD*$^cPqc5oM(j@6C
zk_3QFN&JmpxKjF~4VExc_k6g7(qm3Bcs10TiK$FGBVlEE{Lpc^*7&nrsnR!4{NG*k
z5fTwxDBw|B3Rz;Lj+dp3Ds>(rr}-qhmdCM}x9NUvQPZa`TYLZa=H*qbN1i|Q{`uho
zkYPCUFy3QST5x=|3Z*?{u@5D{U&&4u0juLP&H}!O=I6n>7scT*QEHk0g&XhHvs&X=
z0m?WuQa4lD#do2%Jg(mEg*J+d(UCQsjCj{@We&`r%+bhXXa1@w?T|@|5B-_}{@5DI
zguTR}M>taGQ+Ud9+uf`y$R4aijuUKJek=Oso6BF-a`nPqk(Hiem>d!nC4%tJ;(q*8
zG*okP;j2bPUC_U>Owpm&Z&yzJ`u=mIRIuG~fxmO9Fo|qMT!5%csS*FLqQx4l%ki%q
zrT02QlYQ928lydJ3o88J_P>*Cb!k1qNT^}9x^feb+8ME=&n(wD7>)FHU>@t1P}*2p
z`_NPw$dFhiI0k2%D>Wx_DcN6{8FOyNS9Qz(nTPD<tIuM~59_@nt*zPjP`CKFVk@A+
zij^Fy`m$k^Oa!ddP2tPq*!jH&pr>4~aqWghEXwDv0{(!yI;{N&HBP-unZTRZla?al
zg%%iA&&00`@J%>mW!+JTkS;(_KjRIA2J|Df|8DWrFX^+XoYLBxZa4AZu=y824Qa7b
z&7rN^Efj~ZI)AN9zXu9{H)b|+DA&uT!JCqe0-)JM8mX=G^pLX+FXK5BG7|nlp8ppt
z4tz<Oj5O&BdOAArERH2ATj{vm2%Zc<q2}Vs{v362I9lS8ZmKIuHy2pHCSIr-#b((-
zO5Cnyj&^$3?|Ay7s!p)=DnRs<m(xx~{h#m}@c7@0V>RC;UacWw3-=#H*ziTjLiYxI
z8twmx8uT3)ymy^>egCUNQnO}lU=cnGai10#;Gp{wPWBCOO)B=9q@Zt_y|JHzFDpwP
z)mkUo;WN2H>VOO$2y7wqnq|(LosEEbI<_{h1$Wp?BR-WHbYWOM2M4DW_B|>jP}XZ4
znFfEXzB?kZEcGcEQV|)CVqxfIC(^>Lf6W+~s-sOg-VSeZ*_M0{k(ZYR#pl?YQ<V~y
zW$C}1u)p^{n&CZKvvIc{n<_K;6KK71I;R><{hwijtnGipQQVaPO8O#+kNv6<G$na8
z&3BXRo8$&@SZl7hpLk_^2gQR>h<R57Cmm+bS(NaaPDM_<);0WYLZ00RRKFZtF{U0g
ze9bL=;LMEb`cLxlmvmP;_4N}i4PQEHP<J7r+w_wE_-isib{+x<KYLeucVHMQf;}{w
zonBv*$YN4#i8+nH403Vx{tLAIt@4S~EJ!OyDRJoJlT?gj_&CS0Tp8+VI%(|#SUD6I
z8yz01bZ;?_N?+<V;d`ue<|YHr+6t}4lFKtf+w3?JG9R=(e+5OfluZkfku-zRj$e<Y
zTvULuF*m~w4!#^-ys19#xit|1R0@XxIN)|mGMWZ??pu#l$-6;0o&Ou26W+(HFzxHr
zuF_Qn8VJ7!1So!aeFL^Jh72@6a2K;#(k)ffG38hn(C%qVU=bm%K&}p?EgP%N0p4!X
z;(Ne(5>*BYB`L4d6{!7kt<#S+5fq%cg*P9TK10iGK?05L9Cp><sIuanR|eo|BYlV~
zwMVEL5$0(W&5YC?1^+q|!k=lrximn~ef$+$#hK9y6l(wcFwnT<rIIKHJjHWOb80md
zX6O<!i_&w^;D1fv3=`7ii5giDXYZXw$MvFe{F_ZcnSI2W@TMcm%>uup{b>({hc%U+
z&wMZ}j&n6Ca_^}#=T9gKj^IV&t^WjLrb3-bkIL6*AhDJySIf6I$(`^N&45qu)D!V(
zmE^EBbp{Nm{^ur}Rh;qoDlG9rwD3YghnLBY61<pNy!BN$q(rw`#~q_7u4ztkojpGa
z+4kF89<||J0KaA=O8y<+IQtTQF7@by%;znHTlhJ&^!=^>c~7It!4p31<b!o<){pAf
ztkr_3K4z_}{|-GMS}4j3s!(=c8rf1}h*mS^KDjp)#Z=#l9UjS6z~9C`OlQG&pA?A8
zlQA7J-O$FhCWqor{t57>IJ>5oYS~J=Jj)@?cK;17;z7r}BM`Wi0o-4OrVww5iYQBU
zhdspW6J?vrYdv|?ts=>=?MIiw0~sRgzm_1%Lhdr+X6$wSVt(_bOqpaqpEKf`&xVck
zAv;~;M@($NcmLBMcG+xeyn>H2iP@}85Y9WtnQLAw0?dpxC?!56hK*Ig9I6@T&rIu_
zI5cuoUs-sLwLXsmqa<$Yn>cfziaVp3u&T^k|7mYQj<9=5hPAwr(#lN!4+SBeRRkV?
z{mlIn=ivTxZ&M*Oc#fk)v8W1K62X(4wEC7_u!%5ZaRi|-+#;^xqb<oXmZ}PRHZX|K
zuNc?@e>H6>K397c1A;IN%$JHP(t}0L&;8%HgWK%`mLq=<;yOuF8GN9!|H9|#8Rudk
z-Xa3+zor>&NoE3cXN?MB%snMJ5Jv->R;BCUZZFqOYK?wTny8L0a5Tj>!~WmdruV}G
zx0O~jVNurff)bAT6-M$KzIJQI$++plDR_{fa?RvN6|VNR-?-r|DSCTY+on7lC;QlL
z=Ik}U2~B|#UHK0=)-fs%1R)xm&Jh_oKx>cC8tZBPlmN+K0*e}I5%Q>!zJ0slO2=8s
z!NWG1Rmf^&IE>NQ$STN7Z^ur;hem`D1>HZ_ibFAmcDp9*g9au-G<NTq*~13hllo1C
z7JC*5_%ca7bX7_@>?qA(H;u1GmCogSE2Bimsz&D-<29ppWZaIq3%0t>JE!v2g_pS7
zxE}`Bv#{0~f(e+>1*T)Nn~~yMggg9JBTfWf#bYj7quRah0Wp9P*Rl3~P{pJuZ}>%q
zZ02WPFYg#xCy^h`?mBus--=yiBhcn$dBo%cw}*zq-B9|Qhy*hE2sBdBF0c`WUfzGo
zw|R?1%5GrL$(wcZTXIvQK}$2-V>DlCLwvL25ZU^eLeSA}R>ECw(=Qus-JSIpb+>8^
zDmBwAC-$Fb56Bu!ZkGH#jW#K*>Zq6PBuZ2z1t=iJb(*&Nqdg9XVJp8Sprv7I2@T0t
zgFf~v9?lYEgq}YZaTklVbr1PJA7adUIG=y~)mUAlauWU?gZu`ek`3X6nCLxUp+gk!
z@sthi==4!HqLA;!R?iIWppmWT2wKP3x&IAz+)*A1AZuF>C?HJ1qoQMi7UT+qjHXA&
z2_w~GY5e(U7mUnT9P^fi?9}?65KktX*cj9OcHE_;2`e-y#i6#t=8AS;E6`bvwPiJZ
zx}WDZ2*p{0e*D3h=NEnFMM_!mLqQJ%4Sj#ie|Sn>Z~OfZn=I<~kEU!7nuw}M_~M$8
zuyAS4(WjS4ho{=RCC>4iM`Lp8RsqSQmMI%po_pKu+A9=6{<ec`Dbc-fQ>@<7l@cF?
zh%)V<KJAK{E5UNF!CLU}344QfXB`-G4_&ZU&}og-{4&&<U0E^Vl_2l!YPRa7fg+97
zd$QxXEDT_yL3UV~)Zz^ix|B5w!b+|8?D3tj+glCr%au1WqVpUnBZmhXT*pRS=Feg*
zi3IC^wp(V;4Ltnv51v3KDcL^u4t?!#@jJ%ylK=Q!`CrS<{U~np!g6%}v5-}YbxK5Z
zJ=SL{<N3#arUB2wE_B5P%+`vDVfZ@)#Tj<v-;1T_dwz?G%tRy2xrbrPxfza0$omP_
zk|-BL7f*~7?7z{eY;;QT%Jz1TyN@1^-nkw>4M!8G${HsybS$VK`<g_nnSeMj%eP5P
ze2YB4&ksD7Hn4``59Wd5;1vQ*ASLNfKPzXgQDahQ>ih7fbFgLZ_7#-EJeKn7szo>a
z;*J;cx7mx*rvc51@^Duv-2rTXYPw^AjW-s^dAN|C_r5jAPq44R>t(I+9ewgLr&~Af
zW3I;iso7SGXhAbL=RqsL$*nhTa+cktgoK`myCqi%6i{2^r8H4MLl~c5SM0h+AC<nT
zk;}o&g8Pz%U3!-6O^6gW>Cf3<;d)H=pWGJX@y_G@)r?;S-{Xc>J&ZU^i0z{sk@joX
zP%*|={mwh-*B?f^w^lqaO4CTksNX68z$eP+%_OlflQ8Bl*K$PUz>C{Bl!bhZFkjy}
zBJrCokLZhK|5}#&PhcbtqR*cFm~&X&G3?SCt{py@=i@6z-OM};1{?Tw)}vYHDOtB+
z@k~@9hdyY8s>>Ae?jD^INZ@GcSRs-H6FgjcB}bG$4LbtS+eD#E%jaSv<%dtb+2$P{
zbk!YE_)@Gr@bHj<W!YFuJxjT<X<E1T*+owT`ryQ_HlI?07#J!RDK~A62BA%XZ_4k|
zGU=b+YQ7Y>T}u9v(eqTy@OA77<!8J##{G46Yuv!^xy`c5q4XOL%b>%hKyD=%9xH=(
zgqREe<`HWDm4yY0_mtMilEoiN;{@T`R?1NwA@t2n_CFl^R6i!v_~2d~_hOV?7Qu)S
zQ7LHaxb2cC<Ex|`cR=P$(R}nYp-g>27gH`tLMOKdWG8D}>66ju@9^FZAk+zQW=czR
qDoFxoE(y!*fF%C^e^tP}e{r_V73LGGRsjz4A}GqL$<)3zgZ&?XA*#0k

literal 0
HcmV?d00001

diff --git a/hb_client/src/views/mtm/materialdo.vue b/hb_client/src/views/mtm/materialdo.vue
index cb20e7a..029abea 100644
--- a/hb_client/src/views/mtm/materialdo.vue
+++ b/hb_client/src/views/mtm/materialdo.vue
@@ -87,11 +87,38 @@
               :title="tableForm.name"
             >
               <el-form ref="Forms" label-width="80px" :model="checkForm">
+                <el-row>
+                  <!--canvas 不能与v-if同用-->
+                  <el-form-item label="图表">
+                    <div>
+                      <img id="canvasImg" src="./../../assets/glass.png" style="width:300px;height: 200px;display: none">
+                      <div style="position: relative;display: flex">
+                        <canvas id="canvas" width="300" height="200">
+                          您的浏览器不支持绘图，请升级或更换浏览器！
+                        </canvas>
+                        <input type="text" value="" class="hide" id="txt" placeholder="请输入文字">
+                        <textarea class="hide" id="word" cols="15" rows="5" placeholder="请输入文字" autofocus></textarea>
+                        <input id="inputV" type="hidden" value="1">
+                        <div class="canvasBtnWrap">
+                          <div class="canvasBtn" @click="error1">标记</div>
+                          <div class="canvasBtn" @click="word1()">文字</div>
+                          <!--<button @click="restuya()">清除批注</button>-->
+                          <div class="canvasBtn" @click="back()">回退</div>
+                          <div class="canvasBtn" @click="saveTu()">保存</div>
+                          <!--<p>保存的图片</p>-->
+                        </div>
+                        <div id="res"></div>
+                      </div>
+                    </div>
+                  </el-form-item>
+
+                </el-row>
                 <el-row
                   v-for="(item, $index) in fieldList.results"
                   v-show="filterBlock(item.parent,item.rule_expression,item.need_judge)"
                   :key="$index"
                 >
+                  <!--<div v-if="item.field_type === 'img'">-->
                   <el-form-item v-if="item.field_type === 'string'" :label="item.field_name">
                     <el-input
                       v-model="checkForm[item.field_key]"
@@ -189,10 +216,6 @@
                   </el-form-item>
                 </el-row>
               </el-form>
-              <!--<div style="text-align: right">-->
-              <!--<el-button type="danger">取消</el-button>-->
-              <!--<el-button type="primary">确认</el-button>-->
-              <!--</div>-->
             </el-dialog>
           </el-card>
         </el-col>
@@ -200,7 +223,7 @@
         <el-col :span="18">
           <el-card>
             <div slot="header" class="clearfix">
-              <span style="font-size: 16px; font-weight: 700">记录字段</span>
+              <span style="font-size: 16px; font-weight: 300">记录字段</span>
             </div>
             <el-button
               type="primary"
@@ -432,10 +455,23 @@
                               </el-form-item>
 
               !-->
-                <el-form-item label="表达式" v-if="field.need_judge == true">
+                <el-form-item label="表达式" v-if="field.need_judge === true">
                   <el-input v-model="field.rule_expression" type="textarea"/>
                 </el-form-item>
-
+                <el-form-item label="头像" v-if="field.field_type === 'img'">
+                  <el-upload
+                    class="avatar-uploader"
+                    :action="upUrl"
+                    accept="image/jpeg, image/gif, image/png, image/bmp"
+                    :show-file-list="false"
+                    :on-success="handleAvatarSuccess"
+                    :before-upload="beforeAvatarUpload"
+                    :headers="upHeaders"
+                  >
+                    <img v-if="field.TempPicture" :src="field.TempPicture" class="avatar" />
+                    <i v-else class="el-icon-plus avatar-uploader-icon" />
+                  </el-upload>
+                </el-form-item>
                 <el-form-item label="排序" prop="sort">
                   <el-input-number
                     v-model="field.sort"
@@ -489,6 +525,7 @@
 
   const defaultrecordform = {};
   const defaultfield = {};
+  let preDrawAry = [];
   export default {
     components: {Pagination, vueJsonEditor, Treeselect},
     data() {
@@ -509,6 +546,7 @@
           field_name: "",
           sort: "",
           parent: "",
+          TempPicture: "",
           field_choice: [""],
         },
         field_choice: [""],
@@ -566,6 +604,7 @@
           datetime: "日期时间",
           select: "单选",
           selects: "多选",
+          img: "图片",
         },
         fieldtypeoptions: [
           {
@@ -600,6 +639,10 @@
             value: "selects",
             label: "多选",
           },
+          {
+            value: "img",
+            label: "图片",
+          },
         ],
         typeoptions: [
           {
@@ -607,6 +650,17 @@
             label: "生产记录",
           },
         ],
+        canvas:null,
+        ctx:null,
+        myCanvas_rect:null,
+        Txt:null,
+        word:null,
+        widths:0,
+        heights:0,
+        lineW:3,
+        colorF:"#e42343",
+        imgData:'',
+        canvasImg:'',
       };
     },
     computed: {},
@@ -616,6 +670,17 @@
       this.recordformLists();
     },
     methods: {
+      handleAvatarSuccess(res, file) {
+        this.field.TempPicture = res.data.path;
+
+      },
+      beforeAvatarUpload(file) {
+        const isLt2M = file.size / 1024 / 1024 < 2;
+        if (!isLt2M) {
+          this.$message.error("上传头像图片大小不能超过 2MB!");
+        }
+        return isLt2M;
+      },
       keyChange(key){
         let y = this.checkForm[key];
         this.$set(this.checkForm,key,y);
@@ -704,28 +769,41 @@
         this.field_choice.splice(index, 1);
       },
       handleLook(scope) {
-        debugger;
-        // console.log(scope);
         let that = this;
-        this.tableForm = Object.assign({}, scope.row); // copy obj
-        this.formID = this.tableForm.id;
-        this.listQueryfield.form = this.formID;
-        getrffieldList(this.listQueryfield).then((response) => {
+        that.tableForm = Object.assign({}, scope.row); // copy obj
+        that.formID = that.tableForm.id;
+        that.listQueryfield.form = that.formID;
+        getrffieldList(that.listQueryfield).then((response) => {
           if (response.data) {
             debugger;
-            this.fieldList = response.data;
+            that.fieldList = response.data;
             let list = response.data.results;
             for(let i=0;i<list.length;i++){
               let key = list[i].field_key;
               that.checkForm[key]='';
               that.$set(that.checkForm,key,'')
             }
-            this.dialogVisibleForm = true;
-            console.log(that.checkForm);
-            debugger;
+            that.dialogVisibleForm = true;
+            setTimeout(function(){
+              that.canvasInit();
+            },500);
           }
         });
-        this.fieldLists();
+        that.fieldLists();
+      },
+      canvasInit(){
+        let that = this;
+        preDrawAry = [];
+        that.canvas = document.getElementById('canvas');
+        that.ctx = that.canvas.getContext('2d');
+        that.myCanvas_rect = that.canvas.getBoundingClientRect();
+        that.Txt = document.getElementById('txt');
+        that.word = document.getElementById('word');
+        that.widths = that.myCanvas_rect.width;
+        that.heights = that.myCanvas_rect.height;
+        setTimeout(function(){
+          that.draw();
+        },500);
       },
       checkPermission,
 
@@ -768,6 +846,176 @@
           }
         });
       },
+      draw(){
+        let canvasImg = document.getElementById("canvasImg");
+        canvasImg.style.width = '300px';
+        canvasImg.style.height = '200px';
+        this.ctx.drawImage(canvasImg,0,0,300,200);
+      },
+      // 叉号
+      error1(){
+        let canvas1 = document.getElementById('canvas');
+        let ctx1 = canvas1.getContext('2d');
+        this.Txt.style.display="none";
+        document.getElementById('word').style.display="none";
+        ctx1.closePath();
+        canvas1.onmousedown=function () {
+          this.imgData= ctx1.getImageData(0,0,canvas1.width,canvas1.height);
+          preDrawAry.push(this.imgData);
+          ctx1.beginPath();
+          ctx1.strokeStyle = "#e42343";
+          ctx1.lineWidth = "3";
+          ctx1.lineJoin="round";
+        };
+        //鼠标按下的位置
+        canvas1.onmouseup=function (ev) {
+          let oldX = ev.offsetX;
+          let oldY = ev.offsetY;
+          ctx1.moveTo(oldX,oldY);
+          ctx1.lineTo(ev.offsetX+10,ev.offsetY+10);
+          ctx1.moveTo(ev.offsetX+10,ev.offsetY);
+          ctx1.lineTo(ev.offsetX,ev.offsetY+10);
+          ctx1.stroke();
+        };
+        this.ctx.closePath();
+      },
+
+      // 文字先写字
+      text(){
+        let canvas2 = document.getElementById('canvas');
+        let ctx2 = canvas2.getContext('2d');
+        let Txt2 = document.getElementById('txt');
+        Txt2.style.display="block";
+        document.getElementById('word').style.display="none";
+        ctx2.font="16px Microsoft Yahei";
+        canvas2.onmousedown=function (ev) {
+          this.imgData=ctx2.getImageData(0,0,canvas2.width,canvas2.height);
+          preDrawAry.push(this.imgData);
+          var v = Txt2.value;
+          //            console.log(v);
+          if (v != '') {
+            var oldX = ev.offsetX;
+            var oldY = ev.offsetY;
+            // console.log(oldX,oldY);
+            ctx2.moveTo(oldX,oldY);
+            canvas2.onmouseup=function () {
+              ctx2.fillStyle=this.colorF;
+              ctx2.fillText(v,oldX,oldY);
+              canvas2.TextAutoLine(v,canvas2,oldX,oldY,20);
+              // Txt.value = "";
+              Txt2.style.display="none";
+            }
+          }
+        }
+      },
+
+      // 文字
+      word1(){
+        let canvas3 = document.getElementById('canvas');
+        let ctx3 = canvas3.getContext('2d');
+        let Txt3 = document.getElementById('txt');
+        let word3 = document.getElementById('word');
+        Txt3.style.display="none";
+        ctx3.font="16px Microsoft Yahei";
+        canvas3.onmousedown=function () {
+          ctx3.closePath();
+        }
+        canvas3.onmouseup=function (ev) {
+          var inputV= document.getElementById('inputV').value;
+          if(inputV == 1){
+            document.getElementById('word').focus();
+            //               console.log(ev.offsetX,ev.offsetY);
+            var oldX = ev.offsetX;
+            var oldY = ev.offsetY;
+            word3.style.display="block";
+            word3.style.left=oldX+'px';
+            word3.style.top =oldY+'px';
+
+            word3.onblur=function () {
+              let v = word3.value;
+              if(v != '' && v != ' '){
+                this.imgData=ctx3.getImageData(0,0,canvas3.width,canvas3.height);
+                let img = ctx3.getImageData(0,0,canvas3.width,canvas3.height);
+                debugger;
+                preDrawAry.push(img);
+                ctx3.moveTo(oldX,oldY);
+                ctx3.fillStyle="#e42343";
+                let lineWidth = 0;
+                let canvasWidth = canvas3.width;
+                let lastSubStrIndex= 0;
+                for(let i=0;i<v.length;i++){
+                  lineWidth+=ctx3.measureText(v[i]).width;
+                  if(lineWidth>canvasWidth-oldX){
+                    ctx3.fillText(v.substring(lastSubStrIndex,i),oldX,(oldY+10));
+                    oldY+=20;
+                    lineWidth=0;
+                    lastSubStrIndex=i;
+                  }
+                  if(i==v.length-1){
+                    ctx3.fillText(v.substring(lastSubStrIndex,i+1),oldX,(oldY+10));
+                  }
+                }
+                inputV ="2";
+                word3.value = "";
+              }
+            }
+          }
+        }
+      },
+
+      // 文字过长超出换行toDataURL()
+      canvasTextAutoLine(str,canvas,initX,initY,lineHeight){
+        let ctx = canvas.getContext("2d");
+        let lineWidth = 0;
+        let canvasWidth = canvas.width;
+        let lastSubStrIndex= 0;
+        for(let i=0;i<str.length;i++){
+          lineWidth+=ctx.measureText(str[i]).width;
+          if(lineWidth>canvasWidth-initX){
+            ctx.fillText(str.substring(lastSubStrIndex,i),initX,initY);
+            initY+=lineHeight;
+            lineWidth=0;
+            lastSubStrIndex=i;
+          }
+          if(i==str.length-1){
+            ctx.fillText(str.substring(lastSubStrIndex,i+1),initX,initY);
+          }
+        }
+      },
+
+     /* // 删除批注
+      restuya(){
+        this.word.style.display="none";
+        this.Txt.style.display="none";
+        this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height);
+        window.location.reload();
+      },*/
+
+      // 撤销
+      back(){
+        this.word.style.display="none";
+        this.Txt.style.display="none";
+        if(preDrawAry.length>0) {
+          var popData = preDrawAry.pop();
+          this.ctx.putImageData(popData, 0, 0);
+        }
+      },
+
+      // 回退一次
+      put(){
+        this.ctx.putImageData(this.imgData,0,0);
+      },
+
+      //保存
+      saveTu(){
+        let canvas = document.getElementById('canvas');
+        let image = new Image();
+        image = canvas.toDataURL('image/png');
+        this.canvasImg = image;
+        // document.getElementById('res').innerHTML = '<img style="border: 1px solid #666666;" src="'+image+'">';
+      },
+
+
       //新增记录表
       handleCreate() {
         this.recordform = Object.assign({}, defaultrecordform);
@@ -912,4 +1160,55 @@
   .my-content {
     background: #fde2e2;
   }
+  canvas{
+    border:1px solid #000000;
+    cursor: crosshair;
+  }
+  .canvasBtnWrap{
+    display: flex;
+    flex-direction: column;
+    width: 80px;
+    padding-left: 20px;
+    justify-content: space-between;
+  }
+  .canvasBtn{
+    width: 70px;
+    height: 35px;
+    line-height: 35px;
+    border: 1px solid #aaaaaa;
+    text-align: center;
+    border-radius: 15px;
+  }
+  .hide{
+    display: none;
+  }
+  #txt{
+    position: absolute;
+    top: 1%;
+    left: 1%;
+    width: 150px;
+    height: 30px;
+    border:1px solid #e42343;
+  }
+  #word{
+    position: absolute;
+    width: 150px;
+    height: 70px;
+    padding: 0 2px;
+    background:none;
+    color:#e42343;
+    border: 1px dashed #b9b9b9;
+  }
+  #word::-webkit-input-placeholder{
+    color:#e42343;
+  }
+  #word::-moz-placeholder{
+    color:#e42343;
+  }
+  #word::placeholder{
+    color:#e42343;
+  }
+  #res{
+    display: inline-block;
+  }
 </style>