From fe5af5200d75c3f02c64620f73243c483d43c37c Mon Sep 17 00:00:00 2001 From: songwc Date: Wed, 26 Oct 2022 09:31:49 +0800 Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=96=B0=E5=A2=9E=E4=B8=8B?= =?UTF-8?q?=E8=BD=BD=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/leveladd/zip.png | Bin 0 -> 1507 bytes src/components/drawers/DownLoad.vue | 261 +++++++++++++++++++++++++++- 2 files changed, 257 insertions(+), 4 deletions(-) create mode 100644 src/assets/images/leveladd/zip.png diff --git a/src/assets/images/leveladd/zip.png b/src/assets/images/leveladd/zip.png new file mode 100644 index 0000000000000000000000000000000000000000..891acca188e3860a11a3b2e7997988d35639bfc2 GIT binary patch literal 1507 zcmV<91swW`P)Px)ok>JNRCr$PoLOuYRT#(r-^{(-vKgywr8TrFfriA0ln}rdkr&j&XsfiCU}$0p z5Fd<@gy0e$NDM^dk|-)KVl)9YC~70{V3DXTL}}GrXjp7mT9#UGS7_(X@|n4|)N+@Z zIX%<6c;~IX=ljn8_kCy1HgkrMCc?u>Qet0MJMA|pQb^b@eG*8t2Haq6cHM>S~eXGW@^AtHXcp#H>LUh5nO z&fh%}Lg6hR0H{ypi05qr3KxNBeB78Bh#Uuywm z%KwF)c?h5fos4X~^ zrYy!kJ_!m2UAgjFC>glz#|wN6oSRlxgZN9=A~F=*3q0}R8RF*Js{oaF0k^IV!Wxdon=n8j z6>8O1ps>pBXKyOQV0)ZD`;M3D#+6Ogt9yYbK3Zpj4x5QMJRBJ!dpUXPj1gja4;i!z8%)^kau`Ol!@nNC%8S^G!5vNI$(FSUN0iNoweYj zu-0Hd%>F)DQ4KIHcQGJ7?F+ayXET)Ig^9=cE5Cr+wn3RX&7DX;N)b+qfzNp^={Sv^ z7FfS;hdGpZX-v=&C@Qv>Qhp%0_1Px`?lexLsTQQFZbhV}oDg_A7b&u$ln3_|$uurY zJ?TtQIG=G(k^H}A+`4BAl#&IB$LX%$pq$2_- zYgPPMZErpIwgBzBWa$_7BX*BFRF`_3w}9Bz)D&USG7NnIcN*s>x*pGiPap#Mj87nV z@uog+J;~6T&$x^z-q;+Nw-w55i65<7-C^L5Efd;ol%ds^j2n>%OfAVcZ}uZtRt8ei zyKMCZTt-Ix_K^qoJHnafUp(W}?gD030*cFrgT^(Ww-wO)G9m_I;3X@7yVrT&Fw_Tt z@GF2O^oEwyfC+)~!uLR-+l7R1X9MWsr$V+ejfB9R79ptwS{;X>bbKh2LCDwSgI{cf z(wVL6afi8h%8cj1g<7aIqkL2M6v}*42iO>fb>VxkmUv=9g>#|KT6`m}R<7LR(S!A% z;r662?XsbRD%T@0e@zTNC%~=iUBJ<29oN=Ya5j`hujdXp4|IS|Y;x`%rd9w8cH|KF zU?(X2qBFR?pt)~*4uM++sAVHy45WrHUJlIJkp1Ai_!E#i@@#D2EO2Rm5_kfp&IZcs zfWV9xxOx5%)XN_^w-TRA2u)zjiWi`kE)kMu{JH}HqgBXOrjZc19*II(xEV@G)mY{o zRI%0%^UrUpJwy9k7P3!+y)q)kOql`b-38mHBp1$CZweLPFqP zD#+BbdGJilj9hRuh^m5v?!KTDN_wSu=gvmW7Lu~OuifXn3nC0 zeH1|G;QZtZmQf=gLC?TSdh~!c4&463?WYoC$e3gwyV29XVH7$Jd{j&(e;mVOz}lcF zFVT`c`){^OdLky{K8NB=Y@faQ3qU7`ngR1`TtFk$eqkmu{RfbQ0_#Pd|Nj60002ov JPDHLkV1h`Y)&c+k literal 0 HcmV?d00001 diff --git a/src/components/drawers/DownLoad.vue b/src/components/drawers/DownLoad.vue index 96ad521b..2c8a40a2 100644 --- a/src/components/drawers/DownLoad.vue +++ b/src/components/drawers/DownLoad.vue @@ -15,7 +15,120 @@ @click="closeDrawer" /> -
+
+
+
+
作业名称：
+ +
+
+
+
+ +
+
搜索
+
+
+
+ +
+
重置
+
+
+
+ +
+ +
+
+
+
+
+
+
作业名称
+
+
+ 2022-08-08 10:30:30 管理员 +
+
来源：管理者进阶-腾飞班Z1
+
+
+
+
+
+
下载
+
(5天后失效)
+
+
+
+
+
+
+
+
+
作业名称
+
+
+ 2022-08-08 10:30:30 管理员 +
+
来源：管理者进阶-腾飞班Z1
+
+
+
+
+
+
下载
+
(5天后失效)
+
+
+
+
+
+
+
+
+
作业名称
+
+
+ 2022-08-08 10:30:30 管理员 +
+
来源：管理者进阶-腾飞班Z1
+
+
+
+
+
+
下载
+
(5天后失效)
+
+
+
+
+
+
+
+
+
作业名称
+
+
+ 2022-08-08 10:30:30 管理员 +
+
来源：管理者进阶-腾飞班Z1
+
+
+
+
+
+
下载
+
(5天后失效)
+
+
+
+
@@ -33,7 +146,9 @@ export default { setup(props, ctx) { console.log("props", props.downloadVisible); - const state = reactive({}); + const state = reactive({ + name: "", + }); const closeDrawer = () => { ctx.emit("update:downloadVisible", false); @@ -56,15 +171,153 @@ export default { display: flex; justify-content: space-between; align-items: center; + flex-shrink: 0; .headerTitle { font-size: 18px; font-weight: 600; color: #333333; line-height: 25px; - margin-left: 24px; + // margin-left: 24px; } } - .contentMain { + .main { + overflow-y: auto; + padding-right: 10px; + .tab1 { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + margin-top: 10px; + .t1 { + display: flex; + align-items: center; + margin-bottom: 5px; + } + .nameinp { + display: flex; + align-items: center; + margin-top: 10px; + margin-right: 10px; + .namee { + color: rgba(0, 0, 0, 0.85); + font-size: 14px; + } + } + .btns { + display: flex; + margin-top: 10px; + + .btn1 { + width: 100px; + height: 40px; + margin-right: 16px; + display: flex; + align-items: center; + justify-content: center; + color: #ffffff; + font-size: 14px; + background: #409eff; + border-radius: 8px; + border: 1px solid #409eff; + cursor: pointer; + .wz { + margin-left: 10px; + } + } + .btn2 { + width: 100px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + color: #409eff; + font-size: 14px; + background: #ffffff; + border-radius: 8px; + cursor: pointer; + border: 1px solid #409eff; + .wz { + margin-left: 10px; + } + } + } + } + .zipcontainer { + display: flex; + flex-wrap: wrap; + margin-top: 30px; + .item { + margin-right: 50px; + margin-bottom: 50px; + .itemup { + width: 412px; + height: 160px; + background: #ffffff; + border-radius: 2px 2px 0px 0px; + border: 1px solid #409eff; + position: relative; + .lefttop { + width: 8px; + height: 21px; + background: #4ea6ff; + border-radius: 0px 4px 4px 0px; + top: 18px; + position: absolute; + } + .cent { + display: flex; + margin-top: 40px; + margin-left: 40px; + .zip { + width: 62px; + height: 72px; + background-image: url(../../assets/images/leveladd/zip.png); + background-size: 100%; + } + .ziprit { + margin-left: 20px; + margin-top: -5px; + .textop { + font-size: 18px; + font-weight: 600; + color: #409eff; + } + .texdown { + .timemanag { + font-size: 14px; + font-weight: 400; + color: #878b92; + } + } + } + } + } + .itemdown { + width: 412px; + height: 48px; + background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%); + border-radius: 0px 0px 2px 2px; + border: 1px solid #409eff; + border-top: 0; + display: flex; + justify-content: center; + align-items: center; + .download { + font-size: 18px; + font-weight: 600; + color: #409eff; + cursor: pointer; + } + .outime { + font-size: 16px; + font-weight: 400; + color: #878b92; + margin-left: 10px; + } + } + } + } } } }