hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-13 04:46:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat：合并

Browse Source
This commit is contained in:
songwc
2022-10-17 18:49:23 +08:00
parent 445d9e693d 23fbfc74a4
commit 5deacedb6e
1 changed files with 1372 additions and 1219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

397
src/views/projectcenter/TaskPage.vue
View File

@@ -38,37 +38,93 @@
> >
</div> </div>
</div> </div>
<div class="split" style="flex-shrink: 0;"></div> <div class="split" style="flex-shrink: 0"></div>
<div class="content"> <div class="content">
<a-tabs class="tab" <a-tabs
class="tab"
v-model:activeKey="activeKey" v-model:activeKey="activeKey"
size="large" size="large"
:tabBarStyle="{ marginLeft: '10px',marginTop: '5px' }"> :tabBarStyle="{ marginLeft: '10px', marginTop: '5px' }"
>
<a-tab-pane key="1" tab="概览"> <a-tab-pane key="1" tab="概览">
<div class="split"></div> <div class="split"></div>
<!-- 概览（无数据） --> <!-- 概览（无数据） -->
<div> <div>
<div class="onerow"><div class="taskmain">快速创建项目详情</div></div> <div class="onerow">
<div class="taskmain">快速创建项目详情</div>
</div>
<div class="second"> <div class="second">
<div class="taskbox" style="background:linear-gradient(180deg,rgba(254, 243, 221, 1) 100%,rgba(255, 250, 240, 1) 100%);"> <div
<div class="leftt"><img src="../../assets/images/taskpage/left1.png"/></div> class="taskbox"
<div class="photo"><img src="../../assets/images/taskpage/picture1.png"/></div> style="
<div class="rightt"><img src="../../assets/images/taskpage/right1.png"/></div> background: linear-gradient(
<div class="centerbox" style="color: rgba(255, 182, 78, 1)">添加任务</div> 180deg,
rgba(254, 243, 221, 1) 100%,
rgba(255, 250, 240, 1) 100%
);
"
>
<div class="leftt">
<img src="../../assets/images/taskpage/left1.png" />
</div>
<div class="photo">
<img src="../../assets/images/taskpage/picture1.png" />
</div>
<div class="rightt">
<img src="../../assets/images/taskpage/right1.png" />
</div>
<div class="centerbox" style="color: rgba(255, 182, 78, 1)">
添加任务
</div>
<div class="centermain">快速添加任务/阶段</div> <div class="centermain">快速添加任务/阶段</div>
</div> </div>
<div class="taskbox" style="background:linear-gradient(180deg,rgba(221, 234, 255, 1) 100%,rgba(240, 248, 254, 1) 100%);"> <div
<div class="leftt"><img src="../../assets/images/taskpage/left2.png"/></div> class="taskbox"
<div class="photo"><img src="../../assets/images/taskpage/picture2.png"/></div> style="
<div class="rightt"><img src="../../assets/images/taskpage/right2.png"/></div> background: linear-gradient(
<div class="centerbox" style="color: rgba(78, 166, 255, 1)">添加学员</div> 180deg,
rgba(221, 234, 255, 1) 100%,
rgba(240, 248, 254, 1) 100%
);
"
>
<div class="leftt">
<img src="../../assets/images/taskpage/left2.png" />
</div>
<div class="photo">
<img src="../../assets/images/taskpage/picture2.png" />
</div>
<div class="rightt">
<img src="../../assets/images/taskpage/right2.png" />
</div>
<div class="centerbox" style="color: rgba(78, 166, 255, 1)">
添加学员
</div>
<div class="centermain">快速添加学员</div> <div class="centermain">快速添加学员</div>
</div> </div>
<div class="taskbox" @click="showModal" style="background:linear-gradient(180deg,rgba(229, 246, 236, 1) 100%,rgba(238, 249, 243, 1) 100%);"> <div
<div class="leftt"><img src="../../assets/images/taskpage/left3.png"/></div> class="taskbox"
<div class="photo"><img src="../../assets/images/taskpage/picture3.png"/></div> @click="showModal"
<div class="rightt"><img src="../../assets/images/taskpage/right3.png"/></div> style="
<div class="centerbox" style="color: rgba(93, 201, 136, 1)">发布</div> background: linear-gradient(
180deg,
rgba(229, 246, 236, 1) 100%,
rgba(238, 249, 243, 1) 100%
);
"
>
<div class="leftt">
<img src="../../assets/images/taskpage/left3.png" />
</div>
<div class="photo">
<img src="../../assets/images/taskpage/picture3.png" />
</div>
<div class="rightt">
<img src="../../assets/images/taskpage/right3.png" />
</div>
<div class="centerbox" style="color: rgba(93, 201, 136, 1)">
发布
</div>
<div class="centermain">快速发布项目</div> <div class="centermain">快速发布项目</div>
</div> </div>
</div> </div>
@@ -83,28 +139,31 @@
<div class="nub2">总人数</div> <div class="nub2">总人数</div>
</div> </div>
<div class="nubbox"> <div class="nubbox">
<span class="nub1" style="color: #FF90AE">15</span> <span class="nub1" style="color: #ff90ae">15</span>
<div class="nub2">必修课</div> <div class="nub2">必修课</div>
</div> </div>
<div class="nubbox"> <div class="nubbox">
<span class="nub1" style="color: #A497FF">15</span> <span class="nub1" style="color: #a497ff">15</span>
<div class="nub2">选修课</div> <div class="nub2">选修课</div>
</div> </div>
<div class="nubbox"> <div class="nubbox">
<div> <div>
<span class="nub1" style="color: #5DC988">50</span><span style="color: #5DC988;font-size: 14px">%</span> <span class="nub1" style="color: #5dc988">50</span
><span style="color: #5dc988; font-size: 14px">%</span>
</div> </div>
<div class="nub2">完成率</div> <div class="nub2">完成率</div>
</div> </div>
<div class="nubbox"> <div class="nubbox">
<div> <div>
<span class="nub1" style="color: #FF90AE">30</span><span style="color: #FF90AE;font-size: 14px">%</span> <span class="nub1" style="color: #ff90ae">30</span
><span style="color: #ff90ae; font-size: 14px">%</span>
</div> </div>
<div class="nub2">必修完成率</div> <div class="nub2">必修完成率</div>
</div> </div>
<div class="nubbox"> <div class="nubbox">
<div> <div>
<span class="nub1" style="color: #A497FF">30</span><span style="color: #A497FF;font-size: 14px">%</span> <span class="nub1" style="color: #a497ff">30</span
><span style="color: #a497ff; font-size: 14px">%</span>
</div> </div>
<div class="nub2">选修完成率</div> <div class="nub2">选修完成率</div>
</div> </div>
@@ -120,15 +179,30 @@
</div> </div>
<div class="stagelast"> <div class="stagelast">
<div class="stagepro"> <div class="stagepro">
<a-progress type="dashboard" gapDegree="0" :percent="50" :width="140" /> <a-progress
type="dashboard"
gapDegree="0"
:percent="50"
:width="140"
/>
<div class="protext">课程完成率</div> <div class="protext">课程完成率</div>
</div> </div>
<div class="stagepro"> <div class="stagepro">
<a-progress type="dashboard" gapDegree="0" :percent="50" :width="140" /> <a-progress
type="dashboard"
gapDegree="0"
:percent="50"
:width="140"
/>
<div class="protext">考试通过率</div> <div class="protext">考试通过率</div>
</div> </div>
<div class="stagepro" style="margin-right: 0"> <div class="stagepro" style="margin-right: 0">
<a-progress type="dashboard" gapDegree="0" :percent="50" :width="140" /> <a-progress
type="dashboard"
gapDegree="0"
:percent="50"
:width="140"
/>
<div class="protext">作业合格率</div> <div class="protext">作业合格率</div>
</div> </div>
<div class="proright"> <div class="proright">
@@ -158,17 +232,24 @@
<div class="taskmain">任务大纲</div> <div class="taskmain">任务大纲</div>
<button class="btn">批量面授报名</button> <button class="btn">批量面授报名</button>
<router-link to="/taskadd" class="edit"> <router-link to="/taskadd" class="edit">
<img class="editimg" src="../../assets/images/projectadd/edit.png"/> <img
class="editimg"
src="../../assets/images/projectadd/edit.png"
/>
<span class="editext">编辑</span> <span class="editext">编辑</span>
</router-link> </router-link>
</div> </div>
<div class="stage"> <div class="stage">
<span class="stageimg"><img src="../../assets/images/projectadd/open.png"/></span> <span class="stageimg"
><img src="../../assets/images/projectadd/open.png"
/></span>
<span class="stagename">阶段1腾飞班阶级1</span> <span class="stagename">阶段1腾飞班阶级1</span>
</div> </div>
<div class="course"> <div class="course">
<div class="first"> <div class="first">
<div class="icon"><img src="../../assets/images/leveladd/zai.png"/></div> <div class="icon">
<img src="../../assets/images/leveladd/zai.png" />
</div>
<div> <div>
<div class="iconame">「在线」</div> <div class="iconame">「在线」</div>
<div class="icontext">时间管理</div> <div class="icontext">时间管理</div>
@@ -184,19 +265,26 @@
<div class="progress"> <div class="progress">
<div class="progresstext">25/50人</div> <div class="progresstext">25/50人</div>
<div style="display: flex"> <div style="display: flex">
<a-progress :showInfo="false" :percent="50" strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)"/> <a-progress
:showInfo="false"
:percent="50"
strokeColor="#FFC067"
trailColor="rgba(253, 209, 98, 0.2)"
/>
<span class="progresstext" style="margin-left: 10px">50%</span> <span class="progresstext" style="margin-left: 10px">50%</span>
</div> </div>
</div> </div>
<div class="operations"> <div class="operations">
<div class="operation" style="cursor: pointer" @click="showTime">
<div class="operation" style="cursor: pointer" @click="showTime">管理</div> 管理
</div>
</div> </div>
</div> </div>
<div class="course"> <div class="course">
<div class="first"> <div class="first">
<div class="icon"><img src="../../assets/images/leveladd/zhi.png"/></div> <div class="icon">
<img src="../../assets/images/leveladd/zhi.png" />
</div>
<div> <div>
<div class="iconame">「直播」</div> <div class="iconame">「直播」</div>
<div class="icontext">管理直播间</div> <div class="icontext">管理直播间</div>
@@ -212,7 +300,12 @@
<div class="progress"> <div class="progress">
<div class="progresstext">0/50人</div> <div class="progresstext">0/50人</div>
<div style="display: flex"> <div style="display: flex">
<a-progress :showInfo="false" :percent="0" strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)"/> <a-progress
:showInfo="false"
:percent="0"
strokeColor="#FFC067"
trailColor="rgba(253, 209, 98, 0.2)"
/>
<span class="progresstext" style="margin-left: 10px">0%</span> <span class="progresstext" style="margin-left: 10px">0%</span>
</div> </div>
</div> </div>
@@ -224,7 +317,9 @@
</div> </div>
<div class="course"> <div class="course">
<div class="first"> <div class="first">
<div class="icon"><img src="../../assets/images/leveladd/mian.png"/></div> <div class="icon">
<img src="../../assets/images/leveladd/mian.png" />
</div>
<div> <div>
<div class="iconame">「面授」</div> <div class="iconame">「面授」</div>
<div class="icontext">管理面授课</div> <div class="icontext">管理面授课</div>
@@ -240,19 +335,28 @@
<div class="progress"> <div class="progress">
<div class="progresstext">0/50人</div> <div class="progresstext">0/50人</div>
<div style="display: flex"> <div style="display: flex">
<a-progress :showInfo="false" :percent="0" strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)"/> <a-progress
:showInfo="false"
:percent="0"
strokeColor="#FFC067"
trailColor="rgba(253, 209, 98, 0.2)"
/>
<span class="progresstext" style="margin-left: 10px">0%</span> <span class="progresstext" style="margin-left: 10px">0%</span>
</div> </div>
</div> </div>
<div class="operations"> <div class="operations">
<div class="operation">学员</div> <div class="operation">学员</div>
<div class="operation" style="cursor: pointer" @click="showFace">管理</div> <div class="operation" style="cursor: pointer" @click="showFace">
管理
</div>
<div class="operation">二维码</div> <div class="operation">二维码</div>
</div> </div>
</div> </div>
<div class="course"> <div class="course">
<div class="first"> <div class="first">
<div class="icon"><img src="../../assets/images/leveladd/huo.png"/></div> <div class="icon">
<img src="../../assets/images/leveladd/huo.png" />
</div>
<div> <div>
<div class="iconame">「活动」</div> <div class="iconame">「活动」</div>
<div class="icontext">管理活动</div> <div class="icontext">管理活动</div>
@@ -268,7 +372,12 @@
<div class="progress"> <div class="progress">
<div class="progresstext">0/50人</div> <div class="progresstext">0/50人</div>
<div style="display: flex"> <div style="display: flex">
<a-progress :showInfo="false" :percent="0" strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)"/> <a-progress
:showInfo="false"
:percent="0"
strokeColor="#FFC067"
trailColor="rgba(253, 209, 98, 0.2)"
/>
<span class="progresstext" style="margin-left: 10px">0%</span> <span class="progresstext" style="margin-left: 10px">0%</span>
</div> </div>
</div> </div>
@@ -280,7 +389,9 @@
</div> </div>
<div class="course"> <div class="course">
<div class="first"> <div class="first">
<div class="icon"><img src="../../assets/images/leveladd/zuo.png"/></div> <div class="icon">
<img src="../../assets/images/leveladd/zuo.png" />
</div>
<div> <div>
<div class="iconame">「作业」</div> <div class="iconame">「作业」</div>
<div class="icontext">管理者作业</div> <div class="icontext">管理者作业</div>
@@ -296,19 +407,24 @@
<div class="progress"> <div class="progress">
<div class="progresstext">0/50人</div> <div class="progresstext">0/50人</div>
<div style="display: flex"> <div style="display: flex">
<a-progress :showInfo="false" :percent="0" strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)"/> <a-progress
:showInfo="false"
:percent="0"
strokeColor="#FFC067"
trailColor="rgba(253, 209, 98, 0.2)"
/>
<span class="progresstext" style="margin-left: 10px">0%</span> <span class="progresstext" style="margin-left: 10px">0%</span>
</div> </div>
</div> </div>
<div class="operations"> <div class="operations">
<div class="operation">管理</div> <div class="operation">管理</div>
</div> </div>
</div> </div>
<div class="course"> <div class="course">
<div class="first"> <div class="first">
<div class="icon"><img src="../../assets/images/leveladd/kao.png"/></div> <div class="icon">
<img src="../../assets/images/leveladd/kao.png" />
</div>
<div> <div>
<div class="iconame">「考试」</div> <div class="iconame">「考试」</div>
<div class="icontext">管理者考试</div> <div class="icontext">管理者考试</div>
@@ -324,18 +440,23 @@
<div class="progress"> <div class="progress">
<div class="progresstext">0/50人</div> <div class="progresstext">0/50人</div>
<div style="display: flex"> <div style="display: flex">
<a-progress :showInfo="false" :percent="0" strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)"/> <a-progress
:showInfo="false"
:percent="0"
strokeColor="#FFC067"
trailColor="rgba(253, 209, 98, 0.2)"
/>
<span class="progresstext" style="margin-left: 10px">0%</span> <span class="progresstext" style="margin-left: 10px">0%</span>
</div> </div>
</div> </div>
<div class="operations"> <div class="operations">
<div class="operation">管理</div> <div class="operation">管理</div>
</div> </div>
</div> </div>
<div class="stage" style="margin-top: 0"> <div class="stage" style="margin-top: 0">
<span class="stageimg"><img src="../../assets/images/projectadd/close.png"/></span> <span class="stageimg"
><img src="../../assets/images/projectadd/close.png"
/></span>
<span class="stagename">阶段2 腾飞班阶级2</span> <span class="stagename">阶段2 腾飞班阶级2</span>
</div> </div>
<div style="display: flex; height: 20px"></div> <div style="display: flex; height: 20px"></div>
@@ -349,7 +470,10 @@
<div class="group"> <div class="group">
<div class="groupleft"> <div class="groupleft">
<div class="groupname">小组名称：</div> <div class="groupname">小组名称：</div>
<a-input v-model:value="value" placeholder="请输入小组名称" /> <a-input
v-model:value="value"
placeholder="请输入小组名称"
/>
</div> </div>
<div class="groupright"> <div class="groupright">
<div class="btn1"> <div class="btn1">
@@ -381,9 +505,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="groupbox"> <div class="groupbox"></div>
</div>
</div> </div>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
@@ -411,12 +533,30 @@
width="679px" width="679px"
height="437px" height="437px"
> >
<div class="modalHeader" <div
style="width: 100%;height: 68px;display: flex;align-items: center;justify-content: space-between;background:linear-gradient(0deg,rgba(78, 166, 255, 0) 0%,rgba(78, 166, 255, 0.2000) 100%)" class="modalHeader"
style="
width: 100%;
height: 68px;
display: flex;
align-items: center;
justify-content: space-between;
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
"
> >
<div class="headerLeft" style="margin-left: 32px"> <div class="headerLeft" style="margin-left: 32px">
<span style="width: 15px;height: 15px"><img src="../../assets/images/taskpage/pub.png"/></span> <span style="width: 15px; height: 15px"
<span class="headerLeftText" style="font-size: 16px;margin-left:10px">项目发布</span> ><img src="../../assets/images/taskpage/pub.png"
/></span>
<span
class="headerLeftText"
style="font-size: 16px; margin-left: 10px"
>项目发布</span
>
</div> </div>
<div style="cursor: pointer; margin-right: 32px" @click="closeModal"> <div style="cursor: pointer; margin-right: 32px" @click="closeModal">
<img <img
@@ -427,7 +567,10 @@
</div> </div>
<div class="modalMain"> <div class="modalMain">
<div class="projectname">管理者进阶-腾飞班1</div> <div class="projectname">管理者进阶-腾飞班1</div>
<div class="projecttime"><span class="timeti">项目时间：</span><span class="timeme">2022/08/01-2022/08/30</span></div> <div class="projecttime">
<span class="timeti">项目时间：</span
><span class="timeme">2022/08/01-2022/08/30</span>
</div>
<div class="projectbox"> <div class="projectbox">
<div class="promessage"> <div class="promessage">
<div class="messageme">项目信息</div> <div class="messageme">项目信息</div>
@@ -443,8 +586,12 @@
<span class="sendtext">发送项目通知</span> <span class="sendtext">发送项目通知</span>
</div> </div>
<div class="ckb"> <div class="ckb">
<a-checkbox v-model:checked="checked1"><span class="sendpeo">发给老师</span></a-checkbox> <a-checkbox v-model:checked="checked1"
<a-checkbox v-model:checked="checked2"><span class="sendpeo">发给学员</span></a-checkbox> ><span class="sendpeo">发给老师</span></a-checkbox
>
<a-checkbox v-model:checked="checked2"
><span class="sendpeo">发给学员</span></a-checkbox
>
</div> </div>
<div class="pubtn"> <div class="pubtn">
<a-button class="pubtn1" @click="closeModal">取消</a-button> <a-button class="pubtn1" @click="closeModal">取消</a-button>
@@ -471,8 +618,8 @@
checked: false, checked: false,
checked1: true, checked1: true,
checked2: false, checked2: false,
activeKey: '3', activeKey: "3",
activeKey1: '9', activeKey1: "9",
}); });
const showModal = () => { const showModal = () => {
state.pubproject = true; state.pubproject = true;
@@ -499,7 +646,7 @@
showFace, showFace,
}; };
}, },
} };
</script> </script>
<style lang="scss"> <style lang="scss">
.pubproject { .pubproject {
@@ -534,7 +681,11 @@
.promessage { .promessage {
width: 280px; width: 280px;
height: 110px; height: 110px;
background:linear-gradient(180deg,rgba(254, 243, 221, 1),rgba(255, 250, 240, 1)); background: linear-gradient(
180deg,
rgba(254, 243, 221, 1),
rgba(255, 250, 240, 1)
);
border-radius: 10px; border-radius: 10px;
margin-right: 7px; margin-right: 7px;
.messageme { .messageme {
@@ -553,7 +704,11 @@
.stumessage { .stumessage {
width: 280px; width: 280px;
height: 110px; height: 110px;
background:linear-gradient(180deg,rgba(221, 234, 255, 1),rgba(240, 248, 254, 1)); background: linear-gradient(
180deg,
rgba(221, 234, 255, 1),
rgba(240, 248, 254, 1)
);
border-radius: 10px; border-radius: 10px;
.messageme1 { .messageme1 {
color: rgba(78, 166, 255, 1); color: rgba(78, 166, 255, 1);
@@ -599,25 +754,25 @@
height: 40px; height: 40px;
margin-right: 16px; margin-right: 16px;
margin-bottom: 29px; margin-bottom: 29px;
border: 1px solid #409EFF; border: 1px solid #409eff;
border-radius: 4px; border-radius: 4px;
color: rgba(78, 166, 255, 1); color: rgba(78, 166, 255, 1);
font-size: 14px; font-size: 14px;
//line-height: 36px; //line-height: 36px;
align-items: center; align-items: center;
background: rgba(255, 255, 255, 1) background: rgba(255, 255, 255, 1);
} }
.pubtn2 { .pubtn2 {
width: 100px; width: 100px;
height: 40px; height: 40px;
margin-bottom: 29px; margin-bottom: 29px;
border: 1px solid #409EFF; border: 1px solid #409eff;
border-radius: 4px; border-radius: 4px;
color: #FFFFFF; color: #ffffff;
font-size: 14px; font-size: 14px;
align-items: center; align-items: center;
//line-height: 36px; //line-height: 36px;
background: #409EFF; background: #409eff;
} }
} }
} }
@@ -787,7 +942,6 @@
padding: 5px 16px; padding: 5px 16px;
background-color: #eff4fc; background-color: #eff4fc;
} }
} }
.split { .split {
width: 100%; width: 100%;
@@ -817,22 +971,22 @@
position: absolute; position: absolute;
top: 0; top: 0;
right: 168px; right: 168px;
background-color: #409EFF; background-color: #409eff;
width: 130px; width: 130px;
height: 40px; height: 40px;
border-radius: 8px; border-radius: 8px;
border: 1px solid #409EFF; border: 1px solid #409eff;
color: #FFFFFF; color: #ffffff;
cursor: pointer; cursor: pointer;
} }
.edit { .edit {
position: absolute; position: absolute;
right: 48px; right: 48px;
top: 0; top: 0;
color: #409EFF; color: #409eff;
width: 100px; width: 100px;
height: 40px; height: 40px;
border: 1px solid #409EFF; border: 1px solid #409eff;
border-radius: 8px; border-radius: 8px;
.editimg { .editimg {
width: 15px; width: 15px;
@@ -846,8 +1000,8 @@
} }
} }
.edit:hover { .edit:hover {
color: #FFFFFF; color: #ffffff;
background-color: #409EFF; background-color: #409eff;
cursor: pointer; cursor: pointer;
.editimg { .editimg {
background-image: url("../../assets/images/projectadd/edit1.png"); background-image: url("../../assets/images/projectadd/edit1.png");
@@ -868,16 +1022,16 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: #FAFBFC; background: #fafbfc;
border-radius: 10px; border-radius: 10px;
margin-left: 15px; margin-left: 15px;
.nub1 { .nub1 {
color: #FFB54A; color: #ffb54a;
font-size: 30px; font-size: 30px;
font-weight: 700; font-weight: 700;
} }
.nub2 { .nub2 {
color: #6D7584; color: #6d7584;
font-size: 14px; font-size: 14px;
} }
} }
@@ -930,9 +1084,9 @@
text-align: center; text-align: center;
line-height: 34px; line-height: 34px;
border-radius: 6px; border-radius: 6px;
color: #FFFFFF; color: #ffffff;
font-size: 16px; font-size: 16px;
background: #4EA6FF; background: #4ea6ff;
margin-right: 10px; margin-right: 10px;
margin-top: 19px; margin-top: 19px;
cursor: pointer; cursor: pointer;
@@ -943,10 +1097,10 @@
text-align: center; text-align: center;
line-height: 34px; line-height: 34px;
border-radius: 6px; border-radius: 6px;
border: 1px solid #EBEEF3; border: 1px solid #ebeef3;
color: #000000; color: #000000;
font-size: 16px; font-size: 16px;
background: #FFFFFF; background: #ffffff;
margin-right: 10px; margin-right: 10px;
margin-top: 19px; margin-top: 19px;
cursor: pointer; cursor: pointer;
@@ -957,11 +1111,11 @@
margin-left: 39px; margin-left: 39px;
margin-top: 29px; margin-top: 29px;
.staname { .staname {
color: #999BA3; color: #999ba3;
font-size: 14px; font-size: 14px;
} }
.stamess { .stamess {
color: #4F5156; color: #4f5156;
font-size: 14px; font-size: 14px;
} }
} }
@@ -977,14 +1131,14 @@
margin-top: 55px; margin-top: 55px;
margin-right: 120px; margin-right: 120px;
.ant-progress-circle-path { .ant-progress-circle-path {
stroke: #4EA6FF; stroke: #4ea6ff;
} }
.ant-progress-text { .ant-progress-text {
color: #4EA6FF; color: #4ea6ff;
font-weight: 700; font-weight: 700;
} }
.protext { .protext {
color: #6D7584; color: #6d7584;
font-size: 14px; font-size: 14px;
margin-top: 25px; margin-top: 25px;
} }
@@ -995,13 +1149,13 @@
margin-left: 50px; margin-left: 50px;
.ant-progress-bg { .ant-progress-bg {
height: 24px !important; height: 24px !important;
background: #4EA6FF; background: #4ea6ff;
} }
.ant-progress-inner { .ant-progress-inner {
height: 24px; height: 24px;
} }
.pronub { .pronub {
color: #4EA6FF; color: #4ea6ff;
font-size: 14px; font-size: 14px;
margin: 5px 0; margin: 5px 0;
} }
@@ -1009,12 +1163,12 @@
display: flex; display: flex;
justify-content: right; justify-content: right;
.textpro { .textpro {
color: #6D7584; color: #6d7584;
font-size: 14px; font-size: 14px;
margin-right: 20px; margin-right: 20px;
} }
.ant-progress-text { .ant-progress-text {
color: #4EA6FF; color: #4ea6ff;
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
} }
@@ -1024,7 +1178,7 @@
.stage { .stage {
display: flex; display: flex;
height: 49px; height: 49px;
background-color: #EFF4FC; background-color: #eff4fc;
align-items: center; align-items: center;
margin-top: 20px; margin-top: 20px;
margin-left: 38px; margin-left: 38px;
@@ -1033,7 +1187,7 @@
margin-left: 31px; margin-left: 31px;
} }
.stagename { .stagename {
color: #409EFF; color: #409eff;
font-size: 16px; font-size: 16px;
padding-left: 9px; padding-left: 9px;
line-height: 36px; line-height: 36px;
@@ -1048,7 +1202,7 @@
margin-left: 38px; margin-left: 38px;
margin-right: 38px; margin-right: 38px;
//margin: 0 12px; //margin: 0 12px;
border: 1px solid #F2F6FC; border: 1px solid #f2f6fc;
.first { .first {
//position: relative; //position: relative;
display: flex; display: flex;
@@ -1062,12 +1216,12 @@
} }
.iconame { .iconame {
//position: absolute; //position: absolute;
color: #4F5156; color: #4f5156;
font-size: 16px; font-size: 16px;
} }
.icontext { .icontext {
//positipn: absolute; //positipn: absolute;
color: #999BA3; color: #999ba3;
font-size: 14px; font-size: 14px;
margin-left: 8px; margin-left: 8px;
width: 83px; width: 83px;
@@ -1082,18 +1236,18 @@
.typename { .typename {
width: 63px; width: 63px;
height: 23px; height: 23px;
color: #5DC988; color: #5dc988;
font-size: 14px; font-size: 14px;
background-color: #F2F6FC; background-color: #f2f6fc;
border-radius: 4px; border-radius: 4px;
text-align: center; text-align: center;
} }
.typename1 { .typename1 {
width: 63px; width: 63px;
height: 23px; height: 23px;
color: #F0F4FE; color: #f0f4fe;
font-size: 14px; font-size: 14px;
background-color: #5DC988; background-color: #5dc988;
border-radius: 4px; border-radius: 4px;
text-align: center; text-align: center;
} }
@@ -1104,7 +1258,7 @@
margin-right: 50px; margin-right: 50px;
.timetext { .timetext {
font-size: 14px; font-size: 14px;
color: #999BA3; color: #999ba3;
} }
} }
.progress { .progress {
@@ -1113,7 +1267,7 @@
margin-right: 50px; margin-right: 50px;
flex-grow: 1; flex-grow: 1;
.progresstext { .progresstext {
color: #FFC067; color: #ffc067;
font-size: 14px; font-size: 14px;
} }
} }
@@ -1122,7 +1276,7 @@
width: 200px; width: 200px;
//flex-grow: 1; //flex-grow: 1;
.operation { .operation {
color: #4EA6FF; color: #4ea6ff;
font-size: 14px; font-size: 14px;
padding: 10px; padding: 10px;
margin-left: auto; margin-left: auto;
@@ -1160,12 +1314,12 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-right: 16px; margin-right: 16px;
border: 1px solid #409EFF; border: 1px solid #409eff;
border-radius: 8px; border-radius: 8px;
background: #409EFF; background: #409eff;
cursor: pointer; cursor: pointer;
.btn1text { .btn1text {
color: #FFFFFF; color: #ffffff;
margin-left: 5px; margin-left: 5px;
font-size: 14px; font-size: 14px;
} }
@@ -1177,12 +1331,12 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-right: 32px; margin-right: 32px;
border: 1px solid #409EFF; border: 1px solid #409eff;
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
background: #FFFFFF; background: #ffffff;
.btn2text { .btn2text {
color: #409EFF; color: #409eff;
margin-left: 5px; margin-left: 5px;
font-size: 14px; font-size: 14px;
} }
@@ -1199,12 +1353,12 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-right: 16px; margin-right: 16px;
border: 1px solid #409EFF; border: 1px solid #409eff;
border-radius: 8px; border-radius: 8px;
background: #409EFF; background: #409eff;
cursor: pointer; cursor: pointer;
.btn1text { .btn1text {
color: #FFFFFF; color: #ffffff;
margin-left: 5px; margin-left: 5px;
font-size: 14px; font-size: 14px;
} }
@@ -1216,12 +1370,12 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-right: 32px; margin-right: 32px;
border: 1px solid #409EFF; border: 1px solid #409eff;
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
background: #FFFFFF; background: #ffffff;
.btn2text { .btn2text {
color: #409EFF; color: #409eff;
margin-left: 5px; margin-left: 5px;
font-size: 14px; font-size: 14px;
} }
@@ -1235,8 +1389,8 @@
height: 181px; height: 181px;
display: flex; display: flex;
justify-content: center; justify-content: center;
border: 1px solid #E9E9E9; border: 1px solid #e9e9e9;
box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.0500); box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.05);
margin-top: 16px; margin-top: 16px;
margin-right: 20px; margin-right: 20px;
.grouptitle { .grouptitle {
@@ -1244,7 +1398,6 @@
justify-content: space-betwwen; justify-content: space-betwwen;
border-bottom: 1px solid rgba(232, 232, 232, 1); border-bottom: 1px solid rgba(232, 232, 232, 1);
.goodgruop { .goodgruop {
} }
} }
} }