mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-06 17:36:44 +08:00
feat:修改了创建项目页面
This commit is contained in:
岳佳鑫
@@ -65,6 +65,7 @@ ExaminationCenter.vue:考试中心页面
|
||||
|
||||
```
|
||||
ResearchManage.vue:调研管理页面
|
||||
ResearchAdd.vue:创建调研页面
|
||||
|
||||
```
|
||||
|
||||
|
||||
BIN
src/assets/images/projectadd/close.png
Normal file
BIN
src/assets/images/projectadd/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 292 B |
BIN
src/assets/images/projectadd/return.png
Normal file
BIN
src/assets/images/projectadd/return.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@@ -281,6 +281,12 @@ export default {
|
||||
selectedKeys: "sub3-2",
|
||||
pagename: "课程管理",
|
||||
},
|
||||
{
|
||||
href: "/researchmanage",
|
||||
openKeys: "sub5",
|
||||
selectedKeys: "sub5",
|
||||
pagename: "调研管理",
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
|
||||
@@ -2,100 +2,107 @@
|
||||
<template>
|
||||
<div class="header">
|
||||
<span class="title">创建/编辑单层项目</span>
|
||||
<span class="goback">返回</span>
|
||||
<div class="goback"><span class="return"></span><span class="returntext">返回</span></div>
|
||||
</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 class="main">
|
||||
<div class="name">
|
||||
<div class="d">*</div>
|
||||
<div class="inname">项目名称</div>
|
||||
<div class="in">
|
||||
<a-input v-model:value="valueE" placeholder="请输入项目名称"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="d" style="margin-left: 26px">*</div>
|
||||
<div class="inname" style="width: 50px">分类</div>
|
||||
<div class="in" style="margin-left: 2px">
|
||||
<a-select
|
||||
v-model:value="value1"
|
||||
placeholder="四个养成"
|
||||
:size="size"
|
||||
style="width: 100%"
|
||||
:options="options"
|
||||
></a-select>
|
||||
</div>
|
||||
</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 class="name">
|
||||
<div class="d" style="margin-left: 9px">*</div>
|
||||
<div class="inname">封面图</div>
|
||||
<div class="box" style="width: 100px;height: 100px;border: 1px solid rgba(78, 166, 255, 1);border-radius: 5px">
|
||||
<div class="box1"></div>
|
||||
<div class="box2"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="select" style="margin-top: 20px;algin-items: center">
|
||||
<span class="star" style="margin-left:152px">*</span>封面图
|
||||
<span class="photo"></span>
|
||||
<div class="name">
|
||||
<div class="d">*</div>
|
||||
<div class="inname">项目时间</div>
|
||||
<div class="in">
|
||||
<a-range-picker separator="至" style="width: 100%;height: 40px;border-radius: 5px" show-time />
|
||||
</div>
|
||||
</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 class="name">
|
||||
<div class="d">*</div>
|
||||
<div class="inname">项目经理</div>
|
||||
<div class="in">
|
||||
<a-input v-model:value="valueE" placeholder="请选择项目经理"/>
|
||||
</div>
|
||||
</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 class="name">
|
||||
<div class="d">*</div>
|
||||
<div class="inname">资源归属</div>
|
||||
<div class="in">
|
||||
<a-input v-model:value="valueE" placeholder="自动带出 可修改"/>
|
||||
</div>
|
||||
</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 class="name" style="height: 80px">
|
||||
<div class="d"> </div>
|
||||
<div class="inname">项目说明</div>
|
||||
<div class="in">
|
||||
<a-input v-model:value="valueE" placeholder="请输入项目说明" style="height: 80px"/>
|
||||
</div>
|
||||
</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 class="name">
|
||||
<div class="inname" style="width: 107px;margin-left: -15px">同步学习记录</div>
|
||||
<div class="in">
|
||||
<a-radio v-model:checked="checked"><span style="width: 100%;color: rgba(109, 117, 132, 1); font-size: 14px">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span></a-radio>
|
||||
</div>
|
||||
</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 class="name">
|
||||
<div class="d">*</div>
|
||||
<div class="inname">项目级别</div>
|
||||
<div class="in">
|
||||
<a-input v-model:value="valueE" placeholder="集团级/组织级/现地级/部门级"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="d">*</div>
|
||||
<div class="inname">培训体系</div>
|
||||
<div class="in">
|
||||
<a-input v-model:value="valueE" placeholder="集团级/组织级/现地级/部门级"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="d" style="margin-left: -30px">*</div>
|
||||
<div class="inname" style="width: 107px;margin-left: 9px">是否BOEU实施</div>
|
||||
<div class="in">
|
||||
<a-radio v-model:checked="checked"><span style="width: 100%;color: rgba(109, 117, 132, 1); font-size: 14px">BOEU实施</span></a-radio>
|
||||
</div>
|
||||
</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 class="name">
|
||||
<div class="inname" style="width: 50px">模板</div>
|
||||
<div class="in" style="margin-left: 2px">
|
||||
<a-select
|
||||
v-model:value="value1"
|
||||
placeholder="请选择模板"
|
||||
:size="size"
|
||||
style="width: 100%"
|
||||
:options="options"
|
||||
></a-select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
@@ -127,37 +134,141 @@
|
||||
//font-weight: 500;
|
||||
}
|
||||
.goback {
|
||||
color: #4EA6FF;
|
||||
font-size: 14px;
|
||||
padding-right: 39px;
|
||||
padding-top: 37px;
|
||||
|
||||
padding-right: 70px;
|
||||
//padding-top: 37px;
|
||||
position: relative;
|
||||
.return {
|
||||
display: inline-block;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
margin-top: 17px;
|
||||
margin-right: 10px;
|
||||
background-image: url("../../assets/images/projectadd/return.png");
|
||||
}
|
||||
.returntext {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 27px;
|
||||
color: #4EA6FF;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
.template {
|
||||
float: right;
|
||||
}
|
||||
.main {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
//justify-content: center;
|
||||
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;
|
||||
}
|
||||
.name {
|
||||
width: 78%;
|
||||
// background-color: lightcoral;
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
align-items: center;
|
||||
//height: 40px;
|
||||
// border: 1px solid black;
|
||||
.d {
|
||||
margin-top: 8px;
|
||||
font-size: 25px;
|
||||
color: #ff4e4e;
|
||||
}
|
||||
.box {
|
||||
position: relative;
|
||||
.box1 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -5px;
|
||||
border-top: 2px solid rgba(78, 166, 255, 1);
|
||||
}
|
||||
.box2 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
height: 50px;
|
||||
//margin-left: -5px;
|
||||
margin-top: -25px;
|
||||
border-left: 2px solid rgba(78, 166, 255, 1);
|
||||
}
|
||||
}
|
||||
.inname {
|
||||
color: #6f6f6f;
|
||||
font-size: 14px;
|
||||
margin-left: 7px;
|
||||
width: 65px;
|
||||
}
|
||||
.in {
|
||||
margin-left: 14px;
|
||||
width: 81%;
|
||||
.ant-radio-wrapper {
|
||||
|
||||
}
|
||||
.ant-input {
|
||||
border-radius: 5px;
|
||||
// height: 120%;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
}
|
||||
.ant-select-selector {
|
||||
border-radius: 5px;
|
||||
// height: 120%;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.template {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
//justify-content: center;
|
||||
float: right;
|
||||
.name {
|
||||
width: 78%;
|
||||
// background-color: lightcoral;
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
// border: 1px solid black;
|
||||
.d {
|
||||
margin-top: 8px;
|
||||
font-size: 25px;
|
||||
color: #ff4e4e;
|
||||
}
|
||||
.inname {
|
||||
color: #6f6f6f;
|
||||
font-size: 14px;
|
||||
margin-left: 7px;
|
||||
width: 65px;
|
||||
}
|
||||
.in {
|
||||
margin-left: 14px;
|
||||
width: 81%;
|
||||
.ant-input {
|
||||
border-radius: 5px;
|
||||
// height: 120%;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
}
|
||||
.ant-select-selector {
|
||||
border-radius: 5px;
|
||||
// height: 120%;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
|
||||
@@ -155,6 +155,7 @@ const columns = [
|
||||
return (
|
||||
<div class="opacation">
|
||||
<span>编辑</span>
|
||||
<span style={{ "margin-left": "21px" }}>授权</span>
|
||||
<span style={{ "margin-left": "21px" }}>创建子项目</span>
|
||||
<span style={{ "margin-left": "21px" }} class="more">
|
||||
<span>更多</span>
|
||||
@@ -223,25 +224,9 @@ export default {
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 8,
|
||||
projectName: "管理者进阶8",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 6,
|
||||
projectName: "管理者进阶6",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -251,6 +236,7 @@ export default {
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
hasChildren: true,
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
@@ -268,24 +254,6 @@ export default {
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: 37,
|
||||
projectName: "管理者进阶37",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 38,
|
||||
projectName: "管理者进阶38",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 36,
|
||||
|
||||
0
src/views/research/ResearchAdd.vue
Normal file
0
src/views/research/ResearchAdd.vue
Normal file
Reference in New Issue
Block a user