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

feat:评估管理,创建评估,查看评估详情

Browse Source
This commit is contained in:
岳佳鑫
2022-10-28 16:38:56 +08:00
parent cfa896e4fb
commit d6b12ec697
6 changed files with 699 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

168
src/views/research/ResearchManage.vue
View File

@@ -1,4 +1,4 @@
<!-- 调研管理页面 -->
<!-- 评估管理页面 -->
<template>
<div class="researchmanage">
<!-- 搜索框及按钮 -->
@@ -8,7 +8,7 @@
<a-select
v-model:value="projectName"
style="width: 270px"
placeholder="请输入调研名称"
placeholder="请输入评估名称"
:options="projectNameList"
@change="selectProjectName"
allowClear
@@ -40,19 +40,21 @@
:placeholder="[' 开始时间', ' 结束时间']"
/>
</div>
<div style="display: flex; margin-bottom: 20px">
<div class="btn btn1">
<div class="search"></div>
<div class="btnText">搜索</div>
</div>
<div class="btnn btn2">
<div class="search"></div>
<div class="btnText">重置</div>
</div>
</div>
</div>
<div class="btns">
<div class="btn btn1">
<div class="search"></div>
<div class="btnText">搜索</div>
</div>
<div class="btn btn2">
<div class="search"></div>
<div class="btnText">重置</div>
</div>
<div class="btns">
<div class="btn btn3" @click="handleOut">
<div class="search"></div>
<div class="btnText">创建调研</div>
<div class="btnText">创建评估</div>
</div>
</div>
</div>
@@ -92,7 +94,7 @@
<div class="out">
<div class="top">
<img class="topimg" src="../../assets/images/courseManage/add1.png" />
<div class="topc">创建调研</div>
<div class="topc">创建评估</div>
<div @click="handleOut" style="margin-left: 500px; cursor: pointer">
<img
style="width: 20px; height: 20px"
@@ -102,7 +104,7 @@
</div>
<div class="mid clearfix">
<div class="name">
<div class="inname">调研名称</div>
<div class="inname">评估名称</div>
<div class="in">
<a-input
v-model:value="valuen"
@@ -132,26 +134,25 @@
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="del-icon" :style="{ display: del_hs || over_hs ? 'block' : 'none' }"><img src="@/assets/images/coursewareManage/notice.png" alt=""></div>
<div class="del-icon" :style="{ display: copy_hs || back_hs || pub_hs ? 'block' : 'none' }"><img src="@/assets/images/coursewareManage/QR.png" alt=""></div>
<span>提示</span>
<img src="@/assets/images/coursewareManage/QR.png" alt="">
<span style="margin-left: 9px">提示</span>
<div class="close_exit" @click="delete_exit"></div>
</div>
<div class="body">
<div :style="{ display: del_hs ? 'block' : 'none' }">
<span>您确定要删除此调研吗</span>
<span>您确定要删除此评估吗</span>
</div>
<div :style="{ display: over_hs ? 'block' : 'none' }">
<span>您确定要结束此调研吗</span>
<span>您确定要结束此评估吗</span>
</div>
<div :style="{ display: copy_hs ? 'block' : 'none' }">
<span>您确定要复制此调研吗</span>
<span>您确定要复制此评估吗</span>
</div>
<div :style="{ display: back_hs ? 'block' : 'none' }">
<span>您确定要撤回此调研吗</span>
<span>您确定要撤回此评估吗</span>
</div>
<div :style="{ display: pub_hs ? 'block' : 'none' }">
<span>您确定要发布此调研吗</span>
<span>您确定要发布此评估吗</span>
</div>
</div>
<div class="del_btnbox">
@@ -220,7 +221,7 @@ export default {
{
key: 1,
number: 1,
manager: "产品经理问卷调查",
manager: "产品经理评估",
state: "已发布",
creater: "管理员",
pubtime: "2022-07-20 9:03",
@@ -230,7 +231,7 @@ export default {
{
key: 2,
number: 2,
manager: "高级产品经理问卷调查",
manager: "高级产品经理评估",
state: "已发布",
creater: "管理员",
pubtime: "2022-07-20 9:03",
@@ -240,7 +241,7 @@ export default {
{
key: 3,
number: 3,
manager: "管理者进阶腾飞班问卷调查",
manager: "管理者进阶腾飞班管理者进阶腾飞班评估",
state: "待发布",
creater: "管理员",
pubtime: "2022-07-20 9:03",
@@ -250,7 +251,7 @@ export default {
{
key: 4,
number: 4,
manager: "HR问卷",
manager: "HR评估",
state: "已结束",
creater: "管理员",
pubtime: "2022-07-20 9:03",
@@ -259,7 +260,7 @@ export default {
},
],
currentPage: 1,
tableDataTotal: 20,
tableDataTotal: 100,
pageSize: 10,
value1: " ",
valuen: "",
@@ -372,17 +373,14 @@ export default {
)}
{value.state === "待发布" ? (
<div class="fb">
<router-link to="/researchadd" class="jc">
基础信息
</router-link>
<router-link to="/managepage" class="jc">
管理
</router-link>
<div class="jc"
<div class="jc"
onClick={()=>{
state.delete_hs = true;
state.pub_hs = true;
}}>发布</div>
<router-link to="/researchadd" class="jc">
基础信息
</router-link>
<div class="jc"
onClick={()=>{
state.delete_hs = true;
@@ -590,13 +588,33 @@ export default {
margin-right: 20px;
margin-bottom: 20px;
}
}
.btns {
display: flex;
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
background: rgba(64, 158, 255, 0);
background: #409eff;
border-radius: 8px;
//border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 14px;
flex-shrink: 0;
cursor: pointer;
.search {
background-size: 100%;
}
.btnText {
font-size: 14px;
font-weight: 400;
color: #ffffff;
line-height: 36px;
margin-left: 5px;
}
}
.btnn {
padding: 0px 26px 0px 26px;
height: 38px;
background: #ffffff;
border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
@@ -611,7 +629,7 @@ export default {
.btnText {
font-size: 14px;
font-weight: 400;
color: rgba(64, 158, 255, 1);
color: #409eff;
line-height: 36px;
margin-left: 5px;
}
@@ -620,7 +638,7 @@ export default {
.search {
width: 15px;
height: 17px;
background-image: url("../../assets/images/courseManage/search1.png");
background-image: url("../../assets/images/courseManage/search0.png");
}
}
.btn2 {
@@ -630,16 +648,8 @@ export default {
background-image: url("../../assets/images/courseManage/reset1.png");
}
}
.btn3 {
margin-right: 0px;
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add1.png");
}
}
.btn1:hover {
background: rgba(64, 158, 255, 1);
background: rgba(64, 158, 255, 0.76);
.search {
background-image: url("../../assets/images/courseManage/search0.png");
}
@@ -647,17 +657,51 @@ export default {
color: #ffffff;
}
}
.btn1:active {
background: #0982ff;
}
.btn2:hover {
background: rgba(64, 158, 255, 1);
background: rgba(64, 158, 255, 0.1);
}
.btn2:active {
background: rgba(64, 158, 255, 0.2);
}
}
.btns {
display: flex;
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
background: #409eff;
border-radius: 8px;
//border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 14px;
flex-shrink: 0;
cursor: pointer;
.search {
background-image: url("../../assets/images/courseManage/reset0.png");
background-size: 100%;
}
.btnText {
font-size: 14px;
font-weight: 400;
color: #ffffff;
line-height: 36px;
margin-left: 5px;
}
}
.btn3 {
margin-right: 0px;
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add0.png");
}
}
.btn3:hover {
background: rgba(64, 158, 255, 1);
background: rgba(64, 158, 255, 0.76);
.search {
background-image: url("../../assets/images/courseManage/add0.png");
}
@@ -665,6 +709,9 @@ export default {
color: #ffffff;
}
}
.btn3:active {
background: #0982ff;
}
}
}
.tableBox {
@@ -673,9 +720,14 @@ export default {
flex: 1;
flex-direction: column;
th.h {
background-color: #eff4fc !important;
}
th.ant-table-cell {
background-color:#EFF4FC !important;
text-align: center;
color: #999BA3;
}
td.ant-table-cell {
text-align: center;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
@@ -691,6 +743,12 @@ export default {
.pagination {
margin-bottom: 20px;
}
.ant-pagination-item-link,
.ant-pagination-item,
.ant-select-selector,
.ant-pagination-options-quick-jumper input {
border-radius: 8px;
}
}
.unout {