From ab652a0924f14b551d349c2f3d2b11e64fefa849 Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Thu, 20 Oct 2022 10:51:25 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9Atable=E6=B8=B2=E6=9F=93=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=20=E4=BF=AE=E6=94=B9=E5=BC=B9=E7=AA=97=E7=B1=BB?=
 =?UTF-8?q?=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/taskpage/one.png        | Bin 0 -> 1367 bytes
 src/assets/images/taskpage/three.png      | Bin 0 -> 1391 bytes
 src/assets/images/taskpage/two.png        | Bin 0 -> 1121 bytes
 src/views/learningpath/LearningPath.vue   | 323 +++++++++++-----------
 src/views/learningpath/LevelAddDetail.vue | 267 +++++++++---------
 src/views/projectcenter/TaskPage.vue      |  22 ++
 6 files changed, 322 insertions(+), 290 deletions(-)
 create mode 100644 src/assets/images/taskpage/one.png
 create mode 100644 src/assets/images/taskpage/three.png
 create mode 100644 src/assets/images/taskpage/two.png

diff --git a/src/assets/images/taskpage/one.png b/src/assets/images/taskpage/one.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c8b3950528b45762e85fc99ec6c67b90c2c84d8
GIT binary patch
literal 1367
zcmV-d1*rOoP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px)5lKWrR7gvGmR)RAMHI*XGxuxn-R?&hTKh%gwv<!^5+6xSgf|R9MI|N#B|rcT
z8i+n=eCUJGCk;f2f<b~35`&6LP~L#VghvxZER=Rl*|yNac0aoJ?){q4ncL!Cip<MS
z&Yn5HbIzP|<`O(&aeJhParQg`HgaGMAy_KZImcZBT;aeuO6X6-8Yups8S=0{czw7F
zR2kx&?cf}$&<X7c*tgC}b!*v1C|0-J6M}#cdK@eqBFVwY2kk8a1oh$P2qz~&kdoep
z4r(J`p+0&Vs%6RZfo&t%zXhp*ogj)C+2p8k!ndi(!JnHUF#xx3yu~;_2!IMDr+5z4
zzdi>c9;~(wsOCJtv0=~L2Io4`PrL!MXXAoRMhQ7UtQDUw2<`)<=OAZ<ald>8m8%C4
z%>9i_cRv!@Hn>hH7QJES&?wKKGBFCZ<#A+I9e|cyBXk%C-@Fis1c;n7PKKE~ovIEW
zhCOisiEIwZ_GL&UbJDPDm%x}W_mpZdtVrIdmr$R+g+{pqt9w0CgZrQu?KMjHptzF=
z;EWvg?Wx@}mv%tWIjpu$D7r2U=w>SvMMvN}@ZGAEX+|2VW+Dtdc+RYpg`Nj{W(uK4
z(Dux6XjbQ!#2nZ|L@9ExLT&VvYLA^jx;Gz71)(YuRt_8*d~Ia}@UMZuN5d|GvmmBl
z9WTJ@+m2NK)_{QKNm#$W55Q-0BPZZa{eYIPWs43;j}sjr`7fe^DZGxLF$LePEpldV
z@)nHF7tu1XUHtbZVfE|3aNt=1@TbormwytRg$P3zVc>#=9zZA(sXoxYqtYN7+k-}J
z4B!k@(V?gY6vY6c3QC1Pp|x+400R6fA`o5J-3(}Ui*pVZx*%!}%JO4TzHjaV4@#iI
zD2caHGXTH@VfOU~=P(4IG5H<RJ$X>7N^eB|<(^PL$;48Guma8*7z<=dMbu(nEf$dI
zdO3=Kz<mI48ZDhYvAoK%R1N4>FKFM9`4sJiXODvg?jqf}sUi|xTmAzyr>HTx7@+Ab
zP&Er&$;1F8tRV1h_}*L$(hP`F)O5+s0Fffy$bc%EOoitIiIv|*&2{Y+=$aUG6fE@N
zxfPirv0@R-U-JDjT>vPW2~AJQ3ls<4#w<8Z!&>#dG-6+U2_&q-Fk9tai9+zb8baTR
z0c4pz*l0^vJSEFcmLm&fr-}$bbeJ8R#MFdy=PbZI8G-0@Q3$fS0vC60{2p&K**J1k
zOzxh!v=h2zAk#Ads;bg+@w!Bdz-(!kJ7;cM&gV!>VI;C(L4Zne1fK22M}-8;54%d?
z$5i?1C(sqZ$S#4oqz#11$t}H2B-^4psLw=EiL;Esxi<s1d=Fj-WLLe7O#X%VuoH^K
zi@QE7-8}QIsA*l-V3{fug~D3;7>sllMA4A2mP7#i9(d@(t(IZmy@N1hu$=&&=gZ#7
zE#Lf6&$?spMRCusKaOPj^=#jMLX~~a><#I*Y3eWy1&VGU)!B<=F6xnbsfgOtI6~Kj
z<Arb>Ps+{K6^yg+uvZ>Cw0du4GzM4ziHB$W;{H>$iOWeL%jP#Ao$HWKrjc%yYHoE_
zKAE-BZOj(VOIfOWZM}Ehp{<X6GVe!oy!}<?H@?p1H}LMYLxd3Jp^rZ2Ato*l@p9oj
zp<3d#)jOuYS+KG2`_Qk7-;N=b3R54i*>>Rr##5Uf{n=7Gd*$T%_iIY+ou_vpKEMB^
Z`~&b|nP<PDwweF{002ovPDHLkV1oIle|rD`

literal 0
HcmV?d00001

diff --git a/src/assets/images/taskpage/three.png b/src/assets/images/taskpage/three.png
new file mode 100644
index 0000000000000000000000000000000000000000..8277651c2d1df0ccce81d12e1d5476a26810a4d2
GIT binary patch
literal 1391
zcmV-#1(5oQP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px)DM>^@R7gveR%>h&RTTd2%<Rn0KDyg>``C8NwosI46;Kl%A%cG}l~6@AAqt8S
ze1tZb_)9|~Br1tUBNioyMzm;16j4;_gQQ?;5#tL*0&byQ+HN1a+t<Ekc4y|Axy!b@
zwUBsz-MRPN^WF2E*AQGslF@)q&~Yy%WDTYCRu1r(>IM)Yg#1Y;{aWMkg{^dc|Fz7J
z*$xun3sn{fI|2F_r4URVb#wsX-`kmb+2Te>CDm+A2sD7apMkd1UbY}K)82molyIPl
zP#gl_G?n#q3WFy<K<M<RknJ{hKb1(LYS{zuu6h)_DCca(D8WW++5BVqAO!&FNOuc0
z=o<hyQz`mKJA&Wt2Qktp@m4{yWdYP=5~G75P)>yZ?k7>Ys4-{LARKu{^whWJHl_fs
zzWk_ZJl^*gg2!8-jP#&<PA#0J9w^B~f%jIM9kFNxBUgH1Ew6+Bo)$Q2Zeby!1nY91
zFaVQtf$|s9lVNB7cl!`Icaj+`t*nCVaAavoCSd3~TXQ@Q*=En~$K!|&g&3HpVHJF<
zpMqFa9@B`vz>En4NQb-MQOAe2p4+zt0#8uv^}-@b%z)Kq1J4W4G8w2!itR~O8G^+E
zUDu!_lWZ@ORxvg>2u-JGc=}yP?#csVS^X1)rJ{kJ!Op|NP-hz|>*f_uAvip6&RYUd
z3RP9une46r2!~jp6X|HMK!2#`5-L}0f_KFRP2*5U(j$Rw6xbU&)rPU(j>1#p2Q{)(
zFb`@LqrB;*0wcMPXvdpKod0I(jBq?6eL)o8whmP*H-P}nL=ATz2c?ZBz~tFusGff#
z48wq~X^aBCv>qj^n!#~qVr6rJcl%%(i=KEL%B7QxLS7J<&OqQIiWW9801(nnl#xI`
z0jl!>@}Ely4}-UYBZLLl6!+R!z{xI5oY)O5bhf~|d;kgzm=q}#kW7HlUq3^IzZM+F
zgK!*sk>pzh*XkX!QWX1fKT;RJXC70-fMMtu4)&tt_WN@bsf7T)9D%21PJyxi69e;N
zr0)t!?pQw!kWbO*EC8bHfaq|WNi-$yrdPqsE{wMCLj3ZXf(PXTFpBbnoDX2qBU)uh
z6$@Zrx&@RPAS6G?0%DzSBNgaCT1hdQW_rMaoS&vS0Kp<clq6<QsBE})47&Cs-Q597
zDblLKig5--%>{)v+<6H8n;KZknPLVlL#z<17qV}&f=$tg#0pIb{tQ8lvZP@9nuaUq
z&!J+)#_2*c5As`u)oMY7e=c~71xhN(DmW*0XAxT_Vw2On69TJjgPzG?ICvR~k|}Hz
z?84P%7wkIf?EPvFWRXKrsRu=#vZ>rR>9RT4h(IzPW3(_YbsdwDFealBq%sElYqq0y
z`MSbpXDW8JZhg7?)RE^5U4u=Q;BiWjEIiy5Uf7G>;5i<${c2}T#GxBH5@X{SA0C97
z(GiKMNTyV9yny<Z>vu12Iq<w`cWNFSyw5ey<(s>m<M?f3egCk5<95m@v5OF`R(O0h
zaC^$wtH&c@MEd)XRuqgT(io3ryKHgI4TfRpZ%y=H-n04hiAx0lIa1BR^TVE&k3)ZV
zv4&r_q!HD=Y7Cw}0*A}R)Z!Bp@Ge`Af&KyXoXO7Vs+*T5?%dw`&~-;<4&<W^<(o39
z@?q_gM!IzKE@C#e*@nK^b$>ee0_{E1PAro3k%teDv`t4pyPEZ{;=Lv~1>X7EgL^w(
x6fCZ_*ZpnDOnmuC^IbbMJ@)M5#}Jzd@Glk5c-uPY_6`65002ovPDHLkV1oNOiQfPK

literal 0
HcmV?d00001

diff --git a/src/assets/images/taskpage/two.png b/src/assets/images/taskpage/two.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f2f85b5810398f9c15d2109e6198ec186421407
GIT binary patch
literal 1121
zcmV-n1fKheP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px(8%ab#R7gvOR!vMBR}h|A^J9B4VDoP<G6JNWdf>(d&Q;Y`y`r=dLM?|RN~D}p
z^^il9oFb)abD$AIN-M5W616$Qg&T*SA^~E>kNLOxTkjg|H_`XXvv!G_jI{FVz1jKR
zd^6uXGkwB}#bTd`d}~?OS0eHSGq=NCL=KtxU!~OF%=|hYk8k~77_PP9x^CLCtcOH2
zDI#_7@qM3mcXzdWcXu~Mqf!0N%w-~)Q%XIwZ98{8-bVng>wd$`e-Tjv&Xr1qHa0eB
zdwZK28XENX7Z(@Q+uKY1{rwb)L`=*x5xHsG_M0F`2*CIKJ4&f%L}bBfZ*Py**Vnaw
zOG`@#;N;{)uMZ3iP*+!%iK#5hx)+T`e=`eJfUA?gLh#emQ(9YFqhhg0?d|Q<)YPOY
z3K}RnKR>6#!$XS4<1{!pNX^a7a8V-ioykN4fOBSkUn-Rnj^oh&{yy2ZO|7l16pO`l
zTmUGg^t)wQ)f#x7N5{v<h(Vp5os`XHsj;yUblpHrG=S%MfB3%t<MQ&d<`i_))#=*8
zS+AALWz9VdwZJ~=Q!1788umdO)<#A~aDW%FSnMZ8D>C!?=H_PI*47qvbaaHMKrmz?
zB6N9qsrNt+GgF~Z_=viLg9Ga8>!VC2Qx=f{c3t-tGyjfG!DcFzs#1YqpbCYoW#}w`
z7z1_rd|n?C9VQ~T+4H=AMC3~V9336$9tYQWkS;Pvr_-8uV^~85$oTB+OjC$`JkUy8
zTbl-8=69e7D(npc1W$`V<}vHg0BW$avxEADk_!S5(Ka&hMWhh`=pLY((;zSkj_#;s
z@JC^hEoy{cumJz73`!vY2n#g`S~8i`s;y-ZA=)!&r~!mm1qf193ji5pG8x^5;5=w(
zThqE`JqTbZsunp20D7PSs1qrJ0uv1H*oTTy1FRbnUd!NJs7(z33RquXuY*9zJv}`&
zDaz$?S_eiW$TA3^+cYRN^fmZ46VkLQv|tpBUy}*=H!W(^3{b?V3Jn{<QGp(ZP|!(c
z44C6%sKGD<jUh{XgTp|m01u4{IGSPSI8I_^WkrtyOi(;VV1}-%18G`d2#l$U2XqY&
z4`bkkhaDUj7Z)F|uC6}72jCs^2X#P^adJ>$ZZQOc%8?01J7yFnDhiGR4Gj%F85<k>
z8F8!k!OYCeU@DcmYgyK<LZP7NLL!mSLIV)=aW(ICP!tn^AvBB&STdPZN~!1heE!$z
z>FKo)fZ-Gu&%(mOd@h&MmBpaLd_n`5y8$OfAu$%rjh9ZR-SP49iBDdc24rq-?)yrm
z@-myv%IN4Qga2BWKI*Wvv?Pw>a3m7>VRCZv&+GkM^Iyg6>}*0ro=!|mJQ9(wKl8Wc
n?fm@wFU)*@YHI2~t^)P}1woTTdwXwQ00000NkvXXu0mjfI3@jF

literal 0
HcmV?d00001

diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 158e78c1..d5c582a6 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -95,6 +95,7 @@
       centered="true"
       v-model:visible="out"
       :footer="null"
+      wrapClassName="CreatePath"
     >
       <div class="out">
         <div class="top">
@@ -534,193 +535,195 @@ export default {
 };
 </script>
 <style lang="scss">
-.ant-modal {
-  width: 680px !important;
-  height: 528px !important;
-  .ant-modal-content {
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.CreatePath {
+  .ant-modal {
     width: 680px !important;
     height: 528px !important;
-    .ant-modal-body {
+    .ant-modal-content {
       width: 680px !important;
       height: 528px !important;
-      padding: 0 !important;
-      .out {
-        display: block;
-        position: absolute;
-        top: 90px;
-        width: 680px;
-        // height: 525px;
-        background-color: #fff;
-
-        box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-        .top {
-          width: 100%;
-          height: 68px;
-
-          background: linear-gradient(
-            rgba(78, 166, 255, 0.2) 0%,
-            rgba(78, 166, 255, 0) 100%
-          );
-          display: flex;
-          align-items: center;
-          .topimg {
-            width: 18px;
-            height: 18px;
-            margin-left: 27px;
-            margin-top: -2px;
-          }
-          .topc {
-            color: #000000;
-            font-size: 16px;
-            margin-left: 8px;
-          }
-        }
-        .mid {
-          width: 100%;
-          height: 100%;
+      .ant-modal-body {
+        width: 680px !important;
+        height: 528px !important;
+        padding: 0 !important;
+        .out {
+          display: block;
+          position: absolute;
+          top: 90px;
+          width: 680px;
+          // height: 525px;
           background-color: #fff;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          .d {
-            // margin-top: 8px;
-            // color: #ff4e4e;
-            margin-left: -5px;
-          }
-          .name {
-            width: 78%;
-            // background-color: lightcoral;
-            display: flex;
-            margin-top: 20px;
-            align-items: center;
-            height: 40px;
-            // border: 1px solid black;
 
-            .inname {
-              color: #6f6f6f;
-              font-size: 14px;
-              margin-left: 7px;
+          box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+          .top {
+            width: 100%;
+            height: 68px;
+
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+            display: flex;
+            align-items: center;
+            .topimg {
+              width: 18px;
+              height: 18px;
+              margin-left: 27px;
+              margin-top: -2px;
             }
-            .in {
-              margin-left: 14px;
-              width: 81%;
-              position: relative;
-              .ant-input {
-                border-radius: 5px;
-                // height: 120%;
-                width: 100%;
-                height: 40px;
-              }
-              .showcount {
-                position: absolute;
-                right: 10px;
-                color: #c7cbd2;
-                bottom: 5px;
-              }
+            .topc {
+              color: #000000;
+              font-size: 16px;
+              margin-left: 8px;
             }
           }
-          .bac {
-            width: 78%;
-            // background-color: lightcoral;
+          .mid {
+            width: 100%;
+            height: 100%;
+            background-color: #fff;
             display: flex;
-            margin-top: 30px;
-            // border: 1px solid black;
+            flex-direction: column;
+            align-items: center;
             .d {
-              margin-top: 18px;
-              color: #ff4e4e;
+              // margin-top: 8px;
+              // color: #ff4e4e;
+              margin-left: -5px;
             }
-            .inname {
-              color: #6f6f6f;
-              font-size: 14px;
-              margin-left: 7px;
-              margin-top: 15px;
+            .name {
+              width: 78%;
+              // background-color: lightcoral;
+              display: flex;
+              margin-top: 20px;
+              align-items: center;
+              height: 40px;
+              // border: 1px solid black;
+
+              .inname {
+                color: #6f6f6f;
+                font-size: 14px;
+                margin-left: 7px;
+              }
+              .in {
+                margin-left: 14px;
+                width: 81%;
+                position: relative;
+                .ant-input {
+                  border-radius: 5px;
+                  // height: 120%;
+                  width: 100%;
+                  height: 40px;
+                }
+                .showcount {
+                  position: absolute;
+                  right: 10px;
+                  color: #c7cbd2;
+                  bottom: 5px;
+                }
+              }
             }
-            .in {
-              margin-left: 14px;
-              width: 81%;
-              height: 110px;
-              // background-color: red;
+            .bac {
+              width: 78%;
+              // background-color: lightcoral;
+              display: flex;
+              margin-top: 30px;
+              // border: 1px solid black;
+              .d {
+                margin-top: 18px;
+                color: #ff4e4e;
+              }
+              .inname {
+                color: #6f6f6f;
+                font-size: 14px;
+                margin-left: 7px;
+                margin-top: 15px;
+              }
+              .in {
+                margin-left: 14px;
+                width: 81%;
+                height: 110px;
+                // background-color: red;
+                display: flex;
+                justify-content: space-between;
+                .im {
+                  border-radius: 8px;
+                  width: 140px;
+                  height: 110px;
+                  cursor: pointer;
+                }
+              }
+            }
+            .info {
+              width: 78%;
+              // background-color: lightcoral;
+              display: flex;
+              margin-top: 30px;
+              // align-items: center;
+              // height: 40px;
+              // border: 1px solid black;
+
+              .inname {
+                color: #6f6f6f;
+                font-size: 14px;
+                margin-left: 26px;
+                margin-top: 15px;
+              }
+              .in {
+                margin-left: 14px;
+                width: 81%;
+                position: relative;
+                .ant-input {
+                  border-radius: 5px;
+                  // height: 120%;
+                  width: 100%;
+                  height: 130px;
+                  resize: none;
+                }
+                .showcount {
+                  position: absolute;
+                  right: 10px;
+                  color: #c7cbd2;
+                  bottom: 5px;
+                }
+              }
+            }
+            .btn {
+              width: 33%;
+              margin-top: 30px;
               display: flex;
               justify-content: space-between;
-              .im {
+              margin-bottom: 30px;
+              .samtn {
+                width: 100px;
+                height: 40px;
+                font-size: 14px;
+                border: 1px solid #4ea6ff;
                 border-radius: 8px;
-                width: 140px;
-                height: 110px;
                 cursor: pointer;
               }
-            }
-          }
-          .info {
-            width: 78%;
-            // background-color: lightcoral;
-            display: flex;
-            margin-top: 30px;
-            // align-items: center;
-            // height: 40px;
-            // border: 1px solid black;
-
-            .inname {
-              color: #6f6f6f;
-              font-size: 14px;
-              margin-left: 26px;
-              margin-top: 15px;
-            }
-            .in {
-              margin-left: 14px;
-              width: 81%;
-              position: relative;
-              .ant-input {
-                border-radius: 5px;
-                // height: 120%;
-                width: 100%;
-                height: 130px;
-                resize: none;
+              .btn1 {
+                background-color: #fff;
+                color: #4ea6ff;
               }
-              .showcount {
-                position: absolute;
-                right: 10px;
-                color: #c7cbd2;
-                bottom: 5px;
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #fff;
               }
             }
           }
-          .btn {
-            width: 33%;
-            margin-top: 30px;
-            display: flex;
-            justify-content: space-between;
-            margin-bottom: 30px;
-            .samtn {
-              width: 100px;
-              height: 40px;
-              font-size: 14px;
-              border: 1px solid #4ea6ff;
-              border-radius: 8px;
-              cursor: pointer;
-            }
-            .btn1 {
-              background-color: #fff;
-              color: #4ea6ff;
-            }
-            .btn2 {
-              background-color: #4ea6ff;
-              color: #fff;
-            }
-          }
         }
       }
     }
   }
 }
-.clearfix:before,
-.clearfix:after {
-  content: " ";
-  display: block;
-  clear: both;
-}
 .learningPath {
   width: 100%;
   height: 100%;
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index ef516830..11b9e130 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -29,6 +29,7 @@
       centered="true"
       :footer="null"
       :closable="clos"
+      wrapClassName="AddLevel"
     >
       <div class="header">
         <div class="headmain">
@@ -310,7 +311,7 @@
       <div class="draw" style="position: relative">
         <a-drawer
           v-model:visible="visible"
-          class="drawerStyle"
+          class="drawerStyle ProjectDrawer"
           title="关联项目"
           placement="right"
           width="80%"
@@ -322,7 +323,7 @@
               <img
                 style="width: 29px; height: 29px; cursor: pointer"
                 src="../../assets/images/basicinfo/close.png"
-                @click="showDrawer"
+                @click="closeDrawer"
               />
             </div>
             <div class="drawerbox">
@@ -648,6 +649,9 @@ export default {
     const showDrawer = () => {
       state.visible = true;
     };
+    const closeDrawer = () => {
+      state.visible = false;
+    };
     const showModal = () => {
       state.modal = true;
     };
@@ -802,6 +806,7 @@ export default {
       selectProjectName2,
       tableDataFunc,
       showDrawer,
+      closeDrawer,
       showModal,
       closeModal,
       afterVisibleChange,
@@ -819,151 +824,153 @@ export default {
   display: block;
   clear: both;
 }
-.ant-modal {
-  width: 624px !important;
-  height: 388px !important;
-  .ant-modal-content {
+.AddLevel {
+  .ant-modal {
     width: 624px !important;
     height: 388px !important;
-    border-radius: 4px !important;
-    .ant-modal-body {
-      // background-color: blue;
-      width: 100% !important;
-      height: 100% !important;
-      padding: 0 !important;
+    .ant-modal-content {
+      width: 624px !important;
+      height: 388px !important;
+      border-radius: 4px !important;
+      .ant-modal-body {
+        // background-color: blue;
+        width: 100% !important;
+        height: 100% !important;
+        padding: 0 !important;
 
-      .header {
-        width: 624px;
-        height: 68px;
-        background: linear-gradient(
-          180deg,
-          rgba(78, 166, 255, 0.2) 0%,
-          rgba(78, 166, 255, 0) 100%
-        );
-        display: flex;
-        justify-content: center;
-        .headmain {
-          width: 90%;
-          height: 100%;
+        .header {
+          width: 624px;
+          height: 68px;
+          background: linear-gradient(
+            180deg,
+            rgba(78, 166, 255, 0.2) 0%,
+            rgba(78, 166, 255, 0) 100%
+          );
           display: flex;
-          align-items: center;
-          justify-content: space-between;
-          .add {
-            font-size: 16px;
-            font-weight: 600;
-            color: #333333;
-          }
-          .img {
-            width: 20px;
-            height: 20px;
-            background-image: url(../../assets/images/basicinfo/close22.png);
-            background-size: 100% 100%;
+          justify-content: center;
+          .headmain {
+            width: 90%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            .add {
+              font-size: 16px;
+              font-weight: 600;
+              color: #333333;
+            }
+            .img {
+              width: 20px;
+              height: 20px;
+              background-image: url(../../assets/images/basicinfo/close22.png);
+              background-size: 100% 100%;
+            }
           }
         }
-      }
-      .main {
-        width: 100%;
-        height: calc(100% - 68px);
-        // background-color: #bfa;
-        display: flex;
-        justify-content: center;
-        .inma {
-          width: 75%;
-          height: 100%;
-          // background-color: lightblue;
-          .name {
-            display: flex;
-            position: relative;
-            margin-top: 30px;
-            .fir {
-              font-size: 14px;
-              font-weight: 400;
-              color: rgba(0, 0, 0, 0.85);
-              white-space: nowrap;
-              margin-top: 3px;
+        .main {
+          width: 100%;
+          height: calc(100% - 68px);
+          // background-color: #bfa;
+          display: flex;
+          justify-content: center;
+          .inma {
+            width: 75%;
+            height: 100%;
+            // background-color: lightblue;
+            .name {
+              display: flex;
+              position: relative;
+              margin-top: 30px;
+              .fir {
+                font-size: 14px;
+                font-weight: 400;
+                color: rgba(0, 0, 0, 0.85);
+                white-space: nowrap;
+                margin-top: 3px;
+              }
+              .input {
+                width: 100%;
+                .ant-input {
+                  border-radius: 8px;
+                  border: 1px solid #c7cbd2;
+                  &::placeholder {
+                    font-size: 12px;
+                    position: absolute;
+                    top: 5px;
+                  }
+                }
+                .ant-textarea {
+                  border-radius: 8px;
+                  border: 1px solid #c7cbd2;
+                  &::placeholder {
+                    font-size: 12px;
+                    position: absolute;
+                    top: 5px;
+                  }
+                }
+              }
+              .co {
+                position: absolute;
+                right: 10px;
+                top: 4px;
+
+                font-size: 14px;
+                font-weight: 400;
+                color: #c7cbd2;
+              }
+              .co1 {
+                position: absolute;
+                right: 10px;
+                bottom: 8px;
+
+                font-size: 14px;
+                font-weight: 400;
+                color: #c7cbd2;
+              }
             }
-            .input {
+            .btn {
+              margin-top: 40px;
               width: 100%;
-              .ant-input {
-                border-radius: 8px;
-                border: 1px solid #c7cbd2;
-                &::placeholder {
-                  font-size: 12px;
-                  position: absolute;
-                  top: 5px;
-                }
+              display: flex;
+              justify-content: center;
+              .btn1 {
+                width: 100px;
+                height: 40px;
+                border-radius: 4px;
+                border: 1px solid #387df7;
+                font-size: 14px;
+                color: #387df7;
+                cursor: pointer;
+                background: #ffffff;
+                margin-right: 20px;
               }
-              .ant-textarea {
-                border-radius: 8px;
-                border: 1px solid #c7cbd2;
-                &::placeholder {
-                  font-size: 12px;
-                  position: absolute;
-                  top: 5px;
-                }
+              .btn2 {
+                width: 100px;
+                height: 40px;
+                border-radius: 4px;
+                font-size: 14px;
+                color: #fff;
+                cursor: pointer;
+                border: 0;
+                background: #388be1;
               }
             }
-            .co {
-              position: absolute;
-              right: 10px;
-              top: 4px;
-
-              font-size: 14px;
-              font-weight: 400;
-              color: #c7cbd2;
-            }
-            .co1 {
-              position: absolute;
-              right: 10px;
-              bottom: 8px;
-
-              font-size: 14px;
-              font-weight: 400;
-              color: #c7cbd2;
-            }
-          }
-          .btn {
-            margin-top: 40px;
-            width: 100%;
-            display: flex;
-            justify-content: center;
-            .btn1 {
-              width: 100px;
-              height: 40px;
-              border-radius: 4px;
-              border: 1px solid #387df7;
-              font-size: 14px;
-              color: #387df7;
-              cursor: pointer;
-              background: #ffffff;
-              margin-right: 20px;
-            }
-            .btn2 {
-              width: 100px;
-              height: 40px;
-              border-radius: 4px;
-              font-size: 14px;
-              color: #fff;
-              cursor: pointer;
-              border: 0;
-              background: #388be1;
-            }
           }
         }
       }
     }
   }
 }
-.drawerStyle {
-  .ant-drawer-content-wrapper {
-    // max-width: 1000px;
-    .ant-drawer-header {
-      display: none !important;
-    }
-    .ant-drawer-body {
-      padding: 0;
-    }
-  }
+.ProjectDrawer {
+  // .ant-drawer-content-wrapper {
+
+  //   .ant-drawer-header {
+  //     display: none !important;
+  //   }
+  //   .ant-drawer-body {
+  //     padding: 0;
+  //   }
+  // }
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 1182f276..1dfc0353 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -1485,6 +1485,28 @@ export default {
           width: 50,
           align: "center",
           className: "h",
+          customRender: (text) => {
+            if (text.record.rank == "1") {
+              return (
+                <div
+                  style={{
+                    width: 24,
+                    height: 24,
+                    backgroundImage:
+                      "url(" +
+                      require("../../assets/images/taskpage/one.png") +
+                      ")",
+                  }}
+                >fewfwe</div>
+              );
+            } else if (text.record.rank == "2") {
+              return <div>ggg</div>;
+            } else if (text.record.rank == "3") {
+              return <div>ggg</div>;
+            } else {
+              return <div>{text.record.rank}</div>;
+            }
+          },
         },
         {
           title: "名称",