From 12a690118ff53867bc4be123d6e619a61757b463 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Sat, 8 Oct 2022 18:31:47 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=88=9B=E5=BB=BA=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/projectadd/enclosure.png | Bin 0 -> 628 bytes
 src/views/projectcenter/ProjectAdd.vue     | 191 +++++++++++++++++++++
 2 files changed, 191 insertions(+)
 create mode 100644 src/assets/images/projectadd/enclosure.png

diff --git a/src/assets/images/projectadd/enclosure.png b/src/assets/images/projectadd/enclosure.png
new file mode 100644
index 0000000000000000000000000000000000000000..4bdc509739cf26257f3e8a98f215d4eef3bf78ac
GIT binary patch
literal 628
zcmV-)0*n2LP)<h;3K|Lk000e1NJLTq000jF000jN1^@s6JJyv-00001b5ch_0Itp)
z=>Px%E=fc|R5(v{lg&$1aTJE1_jm7A(S!mCqFN-?M(6{Hwzg;yIu=9{Bnleopr()u
zQ!8BrE|MaMQrcKKXo!Wblq6S`^dCeJ5$HlHv~n8n+<RgKqtCNE@bJJn?<@W{eden6
zQ|XNBi0y!Ybzt7IT%E4dyWHZRQ}xJNoZ||P{%o2j7U26H$1pAfA0wmoFZj%3^D-ex
z6FortTF6{sK#Sl|<mkcJ=EY1IJop_pQ(}xZ#q{I26sDOD3b+p(HFz&5%0wK`cictn
z{Rvk*H@|p^R-jv=C+jiog$zp^1{yGmfw4H|h&)<lRBXWILl*2T;-WdaW%Pyt6G3*v
zSRTjJI}w_g5X=Cb7*9=@a>gx7ToiQS=#A1$dHD<j2Y`ALzB9(mcxeGig>*<X8+0l$
zYK;;D7*{uqf`bv%no;0HO2$H*rP=v3o9GnWeCyMvlPUXPa4Qp$%JUck%5a=h%vRtb
z#;Z)sg*=Z2L65;`CQHX`oxZ7h)D|Ns^TZ8<3S!OzB{)Vf7S?m1qfX*l4&)2%(@k2-
z-AdIdTh2j(-N0gG?C``0;x)#3gBlqF2IHBCww!S@RZ67ng^XB^K{NIkbV)3D`7~zJ
zoRSzsjDHVl{}tRYSB_e#6ZZtA25Df@54jx$oG`c}m|Fcza=t}h|IG2mpA$n?=oheS
zHDG1#4a?R0IBjAGV>TVo^sGiJ|0=*=*-oUaL@;TvwC<CfsnMtZmFEW~bL$$n6p*9<
O0000<MNUMnLSTXy6Bn2O

literal 0
HcmV?d00001

diff --git a/src/views/projectcenter/ProjectAdd.vue b/src/views/projectcenter/ProjectAdd.vue
index 60925f73..2b329cbe 100644
--- a/src/views/projectcenter/ProjectAdd.vue
+++ b/src/views/projectcenter/ProjectAdd.vue
@@ -1 +1,192 @@
 <!---- 创建项目页面 --->
+<template>
+    <div class="header">
+        <span class="title">创建/编辑单层项目</span>
+        <span class="goback">返回</span>
+    </div>
+    <div class="content">
+        <div class="main">
+            <div class="select" style="margin-top: 20px;algin-items: center">
+                <span class="star" style="margin-left: 140px">*</span>项目名称
+                <a-input
+                    style="width: 500px; height: 40px; border-radius: 8px;margin-left: 13px"
+                    placeholder="请输入项目名称"                   
+                    allowClear
+                    showSearch
+                ></a-input>
+            </div>
+            <div class="select" style="margin-top: 20px;algin-items: center">
+                <span class="star" style="margin-left:166px">*</span>分类
+                <a-select
+                    style="width: 505px; height: 40px; margin-left: 13px"
+                    placeholder="四个养成"                   
+                    allowClear
+                    showSearch
+                ></a-select>
+            </div>
+            <div class="select" style="margin-top: 20px;algin-items: center">
+                <span class="star" style="margin-left:152px">*</span>封面图
+                <span class="photo"></span>
+            </div>
+            <div class="select" style="margin-top: 20px;algin-items: center">
+                <span class="star" style="margin-left:140px">*</span>项目时间
+                <a-range-picker v-model:value="value2" show-time style="margin-left:10px;width: 505px"/>
+            </div>
+            <div class="select" style="margin-top: 20px;algin-items: center">
+                <span class="star" style="margin-left: 140px">*</span>项目经理
+                <a-input
+                    style="width: 500px; height: 40px; border-radius: 8px;margin-left: 13px"
+                    placeholder="请选择项目经理"                   
+                    allowClear
+                    showSearch
+                ></a-input>
+            </div>
+            <div class="select" style="margin-top: 20px;algin-items: center">
+                <span class="star" style="margin-left: 140px">*</span>资源归属
+                <a-input
+                    style="width: 500px; height: 40px; border-radius: 8px;margin-left: 13px"
+                    placeholder="自动带出 可修改"                                      
+                    allowClear
+                    showSearch
+                ></a-input>
+            </div>
+            <div class="select" style="margin-top: 20px;algin-items: center;margin-left: 150px">
+                项目说明
+                <a-input
+                    style="width: 500px; height: 80px; border-radius: 8px;margin-left: 13px"
+                    placeholder="请输入说明" 
+                    type="textarea"                                    
+                    allowClear
+                    showSearch
+                ></a-input>
+            </div>
+            <div class="select" style="margin-top: 20px;algin-items: center;margin-left: 130px">
+                同步学习记录
+               <a-radio v-model:checked="checked" style="margin-left: 3px">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</a-radio>
+            </div>
+            <div class="select" style="margin-top: 20px;algin-items: center">
+                <span class="star" style="margin-left: 140px">*</span>项目级别
+                <a-input
+                    style="width: 500px; height: 40px; border-radius: 8px;margin-left: 13px"
+                    placeholder="集团级/组织级/现地级/部门级"                                      
+                    allowClear
+                    showSearch
+                ></a-input>
+            </div>
+            <div class="select" style="margin-top: 20px;algin-items: center">
+                <span class="star" style="margin-left: 140px">*</span>培训体系
+                <a-input
+                    style="width: 500px; height: 40px; border-radius: 8px;margin-left: 13px"
+                    placeholder="集团级/组织级/现地级/部门级"                                      
+                    allowClear
+                    showSearch
+                ></a-input>
+            </div>
+            <div class="select" style="margin-top: 20px;algin-items: center">
+                <span class="star" style="margin-left: 110px">*</span>是否BOEU实施
+                <a-radio v-model:checked="checked">BOEU实施</a-radio>
+            </div>           
+        </div>
+        <div class="template">
+            <div class="select" style="margin-top: 20px;margin-left: 43px;algin-items: center">
+                模板<a-select
+                    style="width: 505px; height: 40px; margin-left: 13px"
+                    placeholder="请选择模板"                   
+                    allowClear
+                    showSearch
+                ></a-select>
+            </div>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="enclosure">
+            <span >附件</span>
+            <span class="image"></span>
+            <span class="text1">上传附件</span>
+        </div>
+        <div class="text">支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip</div>
+        <div class="btn">
+            <a-button type="primary" style="width: 100px;height: 40px;border-radius: 8px">确认</a-button>
+            <a-button type="primary" ghost style="width: 100px;height: 40px;margin-left: 14px;border-radius: 8px">取消</a-button>
+        </div>
+    </div>
+</template>
+<script lane="ts">
+</script>
+<style lang="scss">
+    .header {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        .title {
+            color: #000000;
+            font-size: 18px;
+            //line-height: 36px;
+            padding-top: 30px;
+            padding-left: 37px;
+            //font-weight: 500;
+        }
+        .goback {
+            color: #4EA6FF;
+            font-size: 14px;
+            padding-right: 39px;
+            padding-top: 37px; 
+        }
+    }
+    .content {
+        display: flex;
+        .template {
+            float: right;
+        }
+        .main {
+            width: 50%;
+            float: left;
+            border-right: 1px solid rgba(153, 155, 163, 0.3);
+            .star {
+                color: #FF4E4E;
+                margin-right: 4px;
+                font-size: 20px;
+            }
+            .photo {
+                display: inline-block;
+                width: 100px;
+                height: 100px;
+                margin-left: 13px;
+                border: 1px solid #4EA6FF;
+                border-radius: 8px;
+                //text-align: center;
+                //line-height: 100px;               
+                //color: #4EA6FF;
+            }
+        }
+    }
+    .footer {
+        width: 100%;
+        margin-top: 31px;
+        margin-bottom: 14px;
+        .enclosure {
+            margin-left: 180px;
+            .text1 {
+                margin-left: 10px;
+                color: rgba(78, 166, 255, 1);
+                font-size: 14px;
+            }
+            .image {
+                display: inline-block;
+                width: 15px;
+                height: 15px;
+                margin-left: 15px;
+                background-image: url("../../assets/images/projectadd/enclosure.png");
+            }
+        }
+        .btn {
+            display: flex;
+            justify-content: center;
+        }
+        .text {
+            color: rgba(153, 155, 163, 1);
+            font-size: 14px;
+            margin-left: 223px;
+        }
+    }
+</style>
\ No newline at end of file