hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-11 11:56: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

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

@@ -38,37 +38,93 @@
>
</div>
</div>
<div class="split" style="flex-shrink: 0;"></div>
<div class="split" style="flex-shrink: 0"></div>
<div class="content">
<a-tabs class="tab"
<a-tabs
class="tab"
v-model:activeKey="activeKey"
size="large"
:tabBarStyle="{ marginLeft: '10px',marginTop: '5px' }">
:tabBarStyle="{ marginLeft: '10px', marginTop: '5px' }"
>
<a-tab-pane key="1" tab="概览">
<div class="split"></div>
<!-- 概览（无数据） -->
<div >
<div class="onerow"><div class="taskmain">快速创建项目详情</div></div>
<div>
<div class="onerow">
<div class="taskmain">快速创建项目详情</div>
</div>
<div class="second">
<div class="taskbox" style="background:linear-gradient(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="taskbox"
style="
background: linear-gradient(
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>
<div class="taskbox" style="background:linear-gradient(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="taskbox"
style="
background: linear-gradient(
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>
<div class="taskbox" @click="showModal" style="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="taskbox"
@click="showModal"
style="
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>
</div>
@@ -83,28 +139,31 @@
<div class="nub2">总人数</div>
</div>
<div class="nubbox">
<span class="nub1" style="color: #FF90AE">15</span>
<span class="nub1" style="color: #ff90ae">15</span>
<div class="nub2">必修课</div>
</div>
<div class="nubbox">
<span class="nub1" style="color: #A497FF">15</span>
<span class="nub1" style="color: #a497ff">15</span>
<div class="nub2">选修课</div>
</div>
<div class="nubbox">
<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 class="nub2">完成率</div>
</div>
<div class="nubbox">
<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 class="nub2">必修完成率</div>
</div>
<div class="nubbox">
<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 class="nub2">选修完成率</div>
</div>
@@ -120,15 +179,30 @@
</div>
<div class="stagelast">
<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>
<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>
<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>
<div class="proright">
@@ -140,12 +214,12 @@
<div class="pronub" style="margin-left: 206px">5</div>
<div class="proright1">
<span class="textpro">必修课</span>
<a-progress :percent="25" style="width: 369px"/>
<a-progress :percent="25" style="width: 369px" />
</div>
<div class="pronub" style="margin-left: 142px">1</div>
<div class="proright1">
<span class="textpro">选修课</span>
<a-progress :percent="5" style="width: 369px"/>
<a-progress :percent="5" style="width: 369px" />
</div>
</div>
</div>
@@ -158,17 +232,24 @@
<div class="taskmain">任务大纲</div>
<button class="btn">批量面授报名</button>
<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>
</router-link>
</div>
<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>
</div>
<div class="course">
<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 class="iconame">「在线」</div>
<div class="icontext">时间管理</div>
@@ -184,19 +265,26 @@
<div class="progress">
<div class="progresstext">25/50人</div>
<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>
</div>
</div>
<div class="operations">
<div class="operation" style="cursor: pointer" @click="showTime">管理</div>
<div class="operation" style="cursor: pointer" @click="showTime">
管理
</div>
</div>
</div>
<div class="course">
<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 class="iconame">「直播」</div>
<div class="icontext">管理直播间</div>
@@ -212,7 +300,12 @@
<div class="progress">
<div class="progresstext">0/50人</div>
<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>
</div>
</div>
@@ -224,7 +317,9 @@
</div>
<div class="course">
<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 class="iconame">「面授」</div>
<div class="icontext">管理面授课</div>
@@ -240,19 +335,28 @@
<div class="progress">
<div class="progresstext">0/50人</div>
<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>
</div>
</div>
<div class="operations">
<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>
</div>
<div class="course">
<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 class="iconame">「活动」</div>
<div class="icontext">管理活动</div>
@@ -268,7 +372,12 @@
<div class="progress">
<div class="progresstext">0/50人</div>
<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>
</div>
</div>
@@ -280,7 +389,9 @@
</div>
<div class="course">
<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 class="iconame">「作业」</div>
<div class="icontext">管理者作业</div>
@@ -296,19 +407,24 @@
<div class="progress">
<div class="progresstext">0/50人</div>
<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>
</div>
</div>
<div class="operations">
<div class="operation">管理</div>
</div>
</div>
<div class="course">
<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 class="iconame">「考试」</div>
<div class="icontext">管理者考试</div>
@@ -324,18 +440,23 @@
<div class="progress">
<div class="progresstext">0/50人</div>
<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>
</div>
</div>
<div class="operations">
<div class="operation">管理</div>
</div>
</div>
<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>
</div>
<div style="display: flex; height: 20px"></div>
@@ -349,26 +470,29 @@
<div class="group">
<div class="groupleft">
<div class="groupname">小组名称：</div>
<a-input v-model:value="value" placeholder="请输入小组名称" />
<a-input
v-model:value="value"
placeholder="请输入小组名称"
/>
</div>
<div class="groupright">
<div class="btn1">
<img src="../../assets/images/courseManage/add0.png"/>
<img src="../../assets/images/courseManage/add0.png" />
<span class="btn1text">搜索</span>
</div>
<div class="btn2">
<img src="../../assets/images/courseManage/reset1.png"/>
<img src="../../assets/images/courseManage/reset1.png" />
<span class="btn2text">重置</span>
</div>
</div>
</div>
<div class="second2">
<div class="btn1">
<img src="../../assets/images/courseManage/search0.png"/>
<img src="../../assets/images/courseManage/search0.png" />
<span class="btn1text">创建小组</span>
</div>
<div class="btn2">
<img src="../../assets/images/courseManage/reset1.png"/>
<img src="../../assets/images/courseManage/reset1.png" />
<span class="btn2text">随机分组</span>
</div>
</div>
@@ -381,9 +505,7 @@
</div>
</div>
</div>
<div class="groupbox">
</div>
<div class="groupbox"></div>
</div>
</a-tab-pane>
</a-tabs>
@@ -411,14 +533,32 @@
width="679px"
height="437px"
>
<div 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.2000) 100%)"
<div
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">
<span style="width: 15px;height: 15px"><img src="../../assets/images/taskpage/pub.png"/></span>
<span class="headerLeftText" style="font-size: 16px;margin-left:10px">项目发布</span>
<span style="width: 15px; height: 15px"
><img src="../../assets/images/taskpage/pub.png"
/></span>
<span
class="headerLeftText"
style="font-size: 16px; margin-left: 10px"
>项目发布</span
>
</div>
<div style="cursor: pointer;margin-right:32px" @click="closeModal">
<div style="cursor: pointer; margin-right: 32px" @click="closeModal">
<img
style="width: 22px; height: 22px"
src="../../assets/images/basicinfo/close22.png"
@@ -427,7 +567,10 @@
</div>
<div class="modalMain">
<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="promessage">
<div class="messageme">项目信息</div>
@@ -443,8 +586,12 @@
<span class="sendtext">发送项目通知</span>
</div>
<div class="ckb">
<a-checkbox v-model:checked="checked1"><span class="sendpeo">发给老师</span></a-checkbox>
<a-checkbox v-model:checked="checked2"><span class="sendpeo">发给学员</span></a-checkbox>
<a-checkbox v-model:checked="checked1"
><span class="sendpeo">发给老师</span></a-checkbox
>
<a-checkbox v-model:checked="checked2"
><span class="sendpeo">发给学员</span></a-checkbox
>
</div>
<div class="pubtn">
<a-button class="pubtn1" @click="closeModal">取消</a-button>
@@ -455,15 +602,15 @@
</div>
<!-- 项目发布弹窗 -->
</div>
</template>
</template>
<script>
import { reactive, toRefs } from "vue";
import TimeManage from "../../components/drawers/TimeManage";
import FaceManage from "../../components/drawers/FaceManage";
export default {
name:"taskPage",
import { reactive, toRefs } from "vue";
import TimeManage from "../../components/drawers/TimeManage";
import FaceManage from "../../components/drawers/FaceManage";
export default {
name: "taskPage",
components: { TimeManage, FaceManage },
setup(){
setup() {
const state = reactive({
visible: false, //时间管理
FaceVisivle: true, //面授管理
@@ -471,8 +618,8 @@
checked: false,
checked1: true,
checked2: false,
activeKey: '3',
activeKey1: '9',
activeKey: "3",
activeKey1: "9",
});
const showModal = () => {
state.pubproject = true;
@@ -499,10 +646,10 @@
showFace,
};
},
}
</script>
};
</script>
<style lang="scss">
.pubproject {
.pubproject {
.ant-modal {
.ant-modal-body {
padding: 0;
@@ -534,7 +681,11 @@
.promessage {
width: 280px;
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;
margin-right: 7px;
.messageme {
@@ -553,7 +704,11 @@
.stumessage {
width: 280px;
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;
.messageme1 {
color: rgba(78, 166, 255, 1);
@@ -599,32 +754,32 @@
height: 40px;
margin-right: 16px;
margin-bottom: 29px;
border: 1px solid #409EFF;
border: 1px solid #409eff;
border-radius: 4px;
color: rgba(78, 166, 255, 1);
font-size: 14px;
//line-height: 36px;
align-items: center;
background: rgba(255, 255, 255, 1)
background: rgba(255, 255, 255, 1);
}
.pubtn2 {
width: 100px;
height: 40px;
margin-bottom: 29px;
border: 1px solid #409EFF;
border: 1px solid #409eff;
border-radius: 4px;
color: #FFFFFF;
color: #ffffff;
font-size: 14px;
align-items: center;
//line-height: 36px;
background: #409EFF;
background: #409eff;
}
}
}
}
}
}
.taskpage {
}
.taskpage {
width: 100%;
display: flex;
flex-direction: column;
@@ -787,7 +942,6 @@
padding: 5px 16px;
background-color: #eff4fc;
}
}
.split {
width: 100%;
@@ -817,22 +971,22 @@
position: absolute;
top: 0;
right: 168px;
background-color: #409EFF;
background-color: #409eff;
width: 130px;
height: 40px;
border-radius: 8px;
border: 1px solid #409EFF;
color: #FFFFFF;
border: 1px solid #409eff;
color: #ffffff;
cursor: pointer;
}
.edit {
position: absolute;
right: 48px;
top: 0;
color: #409EFF;
color: #409eff;
width: 100px;
height: 40px;
border: 1px solid #409EFF;
border: 1px solid #409eff;
border-radius: 8px;
.editimg {
width: 15px;
@@ -846,8 +1000,8 @@
}
}
.edit:hover {
color: #FFFFFF;
background-color: #409EFF;
color: #ffffff;
background-color: #409eff;
cursor: pointer;
.editimg {
background-image: url("../../assets/images/projectadd/edit1.png");
@@ -868,16 +1022,16 @@
flex-direction: column;
justify-content: center;
align-items: center;
background: #FAFBFC;
background: #fafbfc;
border-radius: 10px;
margin-left: 15px;
.nub1 {
color: #FFB54A;
color: #ffb54a;
font-size: 30px;
font-weight: 700;
}
.nub2 {
color: #6D7584;
color: #6d7584;
font-size: 14px;
}
}
@@ -930,9 +1084,9 @@
text-align: center;
line-height: 34px;
border-radius: 6px;
color: #FFFFFF;
color: #ffffff;
font-size: 16px;
background: #4EA6FF;
background: #4ea6ff;
margin-right: 10px;
margin-top: 19px;
cursor: pointer;
@@ -943,10 +1097,10 @@
text-align: center;
line-height: 34px;
border-radius: 6px;
border: 1px solid #EBEEF3;
border: 1px solid #ebeef3;
color: #000000;
font-size: 16px;
background: #FFFFFF;
background: #ffffff;
margin-right: 10px;
margin-top: 19px;
cursor: pointer;
@@ -957,11 +1111,11 @@
margin-left: 39px;
margin-top: 29px;
.staname {
color: #999BA3;
color: #999ba3;
font-size: 14px;
}
.stamess {
color: #4F5156;
color: #4f5156;
font-size: 14px;
}
}
@@ -977,14 +1131,14 @@
margin-top: 55px;
margin-right: 120px;
.ant-progress-circle-path {
stroke: #4EA6FF;
stroke: #4ea6ff;
}
.ant-progress-text {
color: #4EA6FF;
color: #4ea6ff;
font-weight: 700;
}
.protext {
color: #6D7584;
color: #6d7584;
font-size: 14px;
margin-top: 25px;
}
@@ -995,13 +1149,13 @@
margin-left: 50px;
.ant-progress-bg {
height: 24px !important;
background: #4EA6FF;
background: #4ea6ff;
}
.ant-progress-inner {
height: 24px;
}
.pronub {
color: #4EA6FF;
color: #4ea6ff;
font-size: 14px;
margin: 5px 0;
}
@@ -1009,12 +1163,12 @@
display: flex;
justify-content: right;
.textpro {
color: #6D7584;
color: #6d7584;
font-size: 14px;
margin-right: 20px;
}
.ant-progress-text {
color: #4EA6FF;
color: #4ea6ff;
font-size: 14px;
font-weight: 700;
}
@@ -1024,7 +1178,7 @@
.stage {
display: flex;
height: 49px;
background-color: #EFF4FC;
background-color: #eff4fc;
align-items: center;
margin-top: 20px;
margin-left: 38px;
@@ -1033,7 +1187,7 @@
margin-left: 31px;
}
.stagename {
color: #409EFF;
color: #409eff;
font-size: 16px;
padding-left: 9px;
line-height: 36px;
@@ -1048,7 +1202,7 @@
margin-left: 38px;
margin-right: 38px;
//margin: 0 12px;
border: 1px solid #F2F6FC;
border: 1px solid #f2f6fc;
.first {
//position: relative;
display: flex;
@@ -1062,12 +1216,12 @@
}
.iconame {
//position: absolute;
color: #4F5156;
color: #4f5156;
font-size: 16px;
}
.icontext {
//positipn: absolute;
color: #999BA3;
color: #999ba3;
font-size: 14px;
margin-left: 8px;
width: 83px;
@@ -1082,18 +1236,18 @@
.typename {
width: 63px;
height: 23px;
color: #5DC988;
color: #5dc988;
font-size: 14px;
background-color: #F2F6FC;
background-color: #f2f6fc;
border-radius: 4px;
text-align: center;
}
.typename1 {
width: 63px;
height: 23px;
color: #F0F4FE;
color: #f0f4fe;
font-size: 14px;
background-color: #5DC988;
background-color: #5dc988;
border-radius: 4px;
text-align: center;
}
@@ -1104,7 +1258,7 @@
margin-right: 50px;
.timetext {
font-size: 14px;
color: #999BA3;
color: #999ba3;
}
}
.progress {
@@ -1113,7 +1267,7 @@
margin-right: 50px;
flex-grow: 1;
.progresstext {
color: #FFC067;
color: #ffc067;
font-size: 14px;
}
}
@@ -1122,7 +1276,7 @@
width: 200px;
//flex-grow: 1;
.operation {
color: #4EA6FF;
color: #4ea6ff;
font-size: 14px;
padding: 10px;
margin-left: auto;
@@ -1160,12 +1314,12 @@
align-items: center;
justify-content: center;
margin-right: 16px;
border: 1px solid #409EFF;
border: 1px solid #409eff;
border-radius: 8px;
background: #409EFF;
background: #409eff;
cursor: pointer;
.btn1text {
color: #FFFFFF;
color: #ffffff;
margin-left: 5px;
font-size: 14px;
}
@@ -1177,12 +1331,12 @@
align-items: center;
justify-content: center;
margin-right: 32px;
border: 1px solid #409EFF;
border: 1px solid #409eff;
border-radius: 8px;
cursor: pointer;
background: #FFFFFF;
background: #ffffff;
.btn2text {
color: #409EFF;
color: #409eff;
margin-left: 5px;
font-size: 14px;
}
@@ -1199,12 +1353,12 @@
align-items: center;
justify-content: center;
margin-right: 16px;
border: 1px solid #409EFF;
border: 1px solid #409eff;
border-radius: 8px;
background: #409EFF;
background: #409eff;
cursor: pointer;
.btn1text {
color: #FFFFFF;
color: #ffffff;
margin-left: 5px;
font-size: 14px;
}
@@ -1216,12 +1370,12 @@
align-items: center;
justify-content: center;
margin-right: 32px;
border: 1px solid #409EFF;
border: 1px solid #409eff;
border-radius: 8px;
cursor: pointer;
background: #FFFFFF;
background: #ffffff;
.btn2text {
color: #409EFF;
color: #409eff;
margin-left: 5px;
font-size: 14px;
}
@@ -1235,8 +1389,8 @@
height: 181px;
display: flex;
justify-content: center;
border: 1px solid #E9E9E9;
box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.0500);
border: 1px solid #e9e9e9;
box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.05);
margin-top: 16px;
margin-right: 20px;
.grouptitle {
@@ -1244,12 +1398,11 @@
justify-content: space-betwwen;
border-bottom: 1px solid rgba(232, 232, 232, 1);
.goodgruop {
}
}
}
}
}
}
</style>
}
}
}
}
}
}
</style>