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

17
src/components/BreadCrumb.vue
View File

@@ -185,7 +185,7 @@ export default {
if (n === "/researchmanage" || n === "/ResearchManage") {
state.list = [
{
name: "调研管理",
name: "评估管理",
href: "",
// href: "#/researchmanage",
},
@@ -194,7 +194,7 @@ export default {
if (n === "/managepage" || n === "/ManagePage") {
state.list = [
{
name: "调研管理",
name: "评估管理",
href: "",
// href: "#/researchmanage",
},
@@ -204,6 +204,19 @@ export default {
];
}
if (n === "/researchadd" || n === "/ResearchAdd") {
state.list = [
{
name: "评估管理",
href: "",
// href: "#/researchmanage",
},
{
name: "创建评估",
},
];
}
if (n === "/certificatecenter" || n === "/CertificateCenter") {
state.list = [
{

2
src/components/NavLeft.vue
View File

@@ -114,7 +114,7 @@
src="../assets/images/navleft/survey.png"
/>
</div>
<router-link to="/researchmanage">调研管理</router-link>
<router-link to="/researchmanage">评估管理</router-link>
</a-menu-item>
<a-menu-item key="sub6" @titleClick="titleClick">

273
src/components/drawers/ViewAssess.vue Normal file
View File

@@ -0,0 +1,273 @@
<template>
<a-drawer
:visible="Assessvisible"
class="drawerStyle assessment"
placement="right"
width="70%"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain">
<div class="header">
<div class="headerTitle">查看评估详情</div>
<img
style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png"
@click="closeDrawer"
/>
</div>
<div class="main">
<div class="onerow">
<div class="assname">评估名称：</div>
<div class="asscontent">产品经理面授课评估</div>
</div>
<div class="onerow" style="margin-top: 30px">
<div class="assname">评估说明：</div>
<div class="asscontent">-</div>
</div>
<div class="assessbox" style="margin-top: 30px">
<div class="box1">
<div class="asstype">评估类型：</div>
<div class="typename">单选</div>
</div>
<div class="box1" style="margin-left: 64px">
<div class="asstype">题干：</div>
<div style="color: rgba(153, 153, 153, 1);font-size: 14px">这个课程你觉得对你有用吗？</div>
</div>
<a-radio-group v-model:value="value">
<div class="box1" style="margin-left: 55px;margin-top: 20px">
<div class="asstype">选择1：</div>
<a-radio :value="1">有用</a-radio>
</div>
<div class="box1" style="margin-left: 55px;margin-top: 20px;margin-bottom: 30px">
<div class="asstype">选择2：</div>
<a-radio :value="2">没用</a-radio>
</div>
</a-radio-group>
</div>
<div class="assessbox" style="margin-top: 30px">
<div class="box1">
<div class="asstype">评估类型：</div>
<div class="typename">问答题</div>
</div>
<div class="box1" style="margin-left: 64px">
<div class="asstype">标题：</div>
<div style="color: rgba(153, 153, 153, 1);font-size: 14px">对这个课程有什么建议吗？</div>
</div>
<div class="box1" style="margin-left: 64px;margin-top: 20px;margin-bottom: 30px">
<div class="asstype">描述：</div>
<div style="color: rgba(51, 51, 51, 1);font-size: 14px">希望以后这样的课程能够躲开，让我们多多了解！</div>
</div>
</div>
<div class="assessbox" style="margin-top: 30px">
<div class="box1">
<div class="asstype">评估类型：</div>
<div class="typename">评分题</div>
</div>
<div class="box1" style="margin-left: 64px">
<div class="asstype">标题：</div>
<div style="color: rgba(153, 153, 153, 1);font-size: 14px">请给当前课程打分</div>
</div>
<div class="lastbox">
<div class="sorcetext">非常不满意</div>
<div class="sorcebox">
<div class="numbox" >1</div>
<div class="numbox">2</div>
<div class="numbox">3</div>
<div class="numbox">4</div>
<div class="numbox">5</div>
<div class="numbox">6</div>
<div class="numbox">7</div>
<div class="numbox">8</div>
<div class="numbox1">9</div>
<div class="numbox1">10</div>
</div>
<div class="sorcetext">非常满意</div>
</div>
</div>
</div>
<div class="btnn">
<button class="btn1">取消</button>
<button class="btn2">确定</button>
</div>
</div>
</a-drawer>
</template>
<script>
import { reactive, toRefs } from "vue";
export default {
name: "ViewAssess",
props: {
Assessvisible: {
type: Boolean,
default: false,
},
},
setup(props, ctx) {
const state = reactive({
value: "1",
});
const closeDrawer = () => {
ctx.emit("update:Assessvisible", false);
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
};
return {
...toRefs(state),
afterVisibleChange,
closeDrawer,
// change,
};
},
};
</script>
<style lang="scss">
.assessment {
.drawerMain {
min-width: 600px;
margin: 0px 32px 0px 32px;
overflow-x: scroll;
display: flex;
flex-direction: column;
.header {
height: 73px;
border-bottom: 1px solid #e8e8e8;
display: flex;
justify-content: space-between;
align-items: center;
// background-color: red;
margin-bottom: 20px;
.headerTitle {
font-size: 18px;
font-weight: 600;
color: #333333;
line-height: 25px;
// margin-left: 24px;
}
}
.main {
display: flex;
flex-direction: column;
overflow-y: auto;
//align-items: center;
.onerow {
display: flex;
margin-top: 10px;
margin-left: 10px;
.assname {
font-size: 16px;
color: #333333;
font-weight: 500;
}
.asscontent {
color: #999999;
font-size: 16px;
}
}
.assessbox {
border: 1px solid rgba(151, 151, 151, 0.29);
border-radius: 8px;
display: flex;
flex-direction: column;
.box1 {
display: flex;
margin-top: 20px;
margin-left: 36px;
align-items: center;
.asstype {
color: rgba(51, 51, 51, 1);
font-size: 14px;
font-weight: 500;
}
.typename {
width: 80px;
height: 32px;
//margin-left: 10px;
border-radius: 4px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
justify-content: center;
align-items: center;
color: rgba(64, 158, 255, 1);
font-size: 14px;
background: rgba(64,158,255,0.1);
}
}
.lastbox {
display: flex;
align-items: center;
margin-left: 30px;
.sorcetext {
color: rgba(153, 153, 153, 1);
font-size: 14px;
}
.sorcebox {
display: flex;
.numbox {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
background: rgba(64, 158, 255, 1);
color: #FFFFFF;
font-size: 14px;
border-radius: 4px;
margin: 20px 5px;
cursor: pointer;
}
.numbox1 {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid rgba(151, 151, 151, 0.29);
color: rgba(0, 0, 0, 0.6500);
margin: 20px 5px;
cursor: pointer;
border-radius: 4px;
}
}
}
}
}
.btnn {
height: 72px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
.btn1 {
width: 100px;
height: 40px;
border: 1px solid #4ea6ff;
border-radius: 8px;
color: #4ea6ff;
background-color: #fff;
cursor: pointer;
}
.btn2 {
cursor: pointer;
width: 100px;
height: 40px;
background: #4ea6ff;
border-radius: 8px;
border: 0;
margin-left: 15px;
color: #fff;
}
}
}
}
</style>

51
src/views/research/ManagePage.vue
View File

@@ -10,14 +10,14 @@
</div>
<router-link to="/researchmanage" class="goback"><span class="return"></span><router-link class="returntext" to="/researchmanage">返回</router-link></router-link>
</div>
<div class="text">路径管理</div>
<div class="text">评估管理</div>
</div>
<div class="message">
<div class="title">基本信息</div>
<div class="messagebox">
<div style="width: 186px;margin-right: 126px;float: left">
<span class="name">调研名称:</span>
<span class="descript">产品经理问卷调查</span>
<span class="name">评估名称:</span>
<span class="descript">课程评估</span>
</div>
<div style="width: 103px;margin-right: 126px;float:left">
<span class="name">创建人:</span>
@@ -32,7 +32,7 @@
<span class="descript">2022-07-22 9:30</span>
</div>
<div style="width: 192px;margin-right: 126px;float:left">
<span class="name">创建时间:</span>
<span class="name">发布时间:</span>
<span class="descript">2022-07-22 9:30</span>
</div>
</div>
@@ -59,13 +59,24 @@
<!-- 表格 -->
</div>
</div>
<view-assess v-model:Assessvisible="Assessvisible" />
</template>
<script>
import ViewAssess from "../../components/drawers/ViewAssess";
import { reactive, toRefs} from "vue";
export default {
name: "ManagePage",
components: { ViewAssess },
setup() {
const state = reactive ({
Assessvisible: false,
});
const showassess = () => {
state.Assessvisible = true;
};
return {
...toRefs(state),
dataSource: [
{
key: '1',
@@ -75,6 +86,7 @@ export default {
project:'产品经理进阶-腾飞班1',
learning:'产品经理学习路径',
submit:'2022-07-22 9:30',
},
{
key: '2',
@@ -84,6 +96,7 @@ export default {
project:'产品经理进阶-腾飞班1',
learning:'高级产品经理学习路径',
submit:'2022-07-22 9:30',
},
{
key: '3',
@@ -93,6 +106,7 @@ export default {
project:'产品经理进阶-腾飞班1',
learning:'-',
submit:'2022-07-22 9:30',
},
{
key: '4',
@@ -102,13 +116,14 @@ export default {
project:'产品经理进阶-腾飞班1',
learning:'HR学习路径',
submit:'2022-07-22 9:30',
},
],
columns: [
{
title: '姓名',
width: 50,
width: 40,
dataIndex: 'name',
key: 'name',
},
@@ -142,7 +157,29 @@ export default {
dataIndex: 'submit',
key: 'submit',
},
{
title: '操作',
width: 50,
dataIndex: 'opacation',
key: 'opacation',
scopedSlots: { customRender: "action" }, //引入的插槽
customRender: () => {
return (
<div class="opacationn">
<span
onClick={() => {
showassess();
}}
style="cursor:pointer"
>
查看
</span>
</div>
);
},
},
],
showassess,
};
},
};
@@ -243,6 +280,10 @@ export default {
flex-direction: column;
.tableBox {
margin: 20px 38px 30px ;
.opacationn {
color: #4EA6FF;
cursor: pointer;
}
th.ant-table-cell {
background-color:#EFF4FC !important;
text-align: center;

312
src/views/research/ResearchAdd.vue
View File

@@ -1,8 +1,8 @@
<!-- 调研管理-基础信息页面 -->
<!-- 调研管理-创建评估页面 -->
<template>
<div class="researchadd">
<div class="header">
<span class="title">创建调研</span>
<span class="title">创建评估</span>
<router-link to="/researchmanage" class="goback"
><span class="return"></span
><router-link class="returntext" to="/researchmanage"
@@ -10,34 +10,19 @@
></router-link
>
</div>
<div class="addtype">
<div class="addtypen">创建评估类型</div>
<div class="types">单选题</div>
<div class="types">多选题</div>
<div class="types">问答题</div>
<div class="types">评分题</div>
</div>
<div class="content">
<div class="name">
<div class="namebox">
<div class="inname">类型</div>
</div>
<div class="in">
<input type="radio" name="type" id="single" checked="checked" /><label
for="single"
class="text"
style="margin-left: 5px"
>单选</label
>
<input
type="radio"
name="type"
id="double"
style="margin-left: 10px"
/><label for="double" class="text" style="margin-left: 5px"
>多选</label
>
<input
type="radio"
name="type"
id="score"
style="margin-left: 10px"
/><label for="score" class="text" style="margin-left: 5px"
>评分题</label
>
<div class="tagbox">
<div class="tagname">单选题</div>
<div class="deleteop">
<div><img src="../../assets/images/projectadd/delete.png"/></div>
<div class="del_text">删除选项</div>
</div>
</div>
<div class="name">
@@ -46,32 +31,18 @@
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">提干</div>
<div class="inname">标题</div>
</div>
<div class="in">
<a-input
v-model:value="valueE"
placeholder="请输入项目名称"
placeholder="请输入提干名称"
show-count
:maxlength="20"
style="border-radius: 8px"
/>
</div>
</div>
<div class="name">
<div class="in" style="margin-left: 133px">
<a-button
type="primary"
style="
width: 100px;
height: 40px;
border-radius: 8px;
background-color: #409eff;
"
>添加选项</a-button
>
</div>
</div>
<div class="options">
<div class="name">
<div class="namebox">
@@ -81,7 +52,7 @@
<a-input
v-model:value="valueE"
show-count
:maxlength="20"
:maxlength="30"
style="border-radius: 8px"
/>
</div>
@@ -96,13 +67,13 @@
<div class="options">
<div class="name">
<div class="namebox">
<div class="inname">选项1</div>
<div class="inname">选项2</div>
</div>
<div class="in">
<a-input
v-model:value="valueE"
show-count
:maxlength="20"
:maxlength="30"
style="border-radius: 8px"
/>
</div>
@@ -127,11 +98,82 @@
src="../../assets/images/basicinfo/close.png"
/>
</div>
</div>
<div class="header">
<span class="title" style="font-size: 14px">选项设置</span>
<div class="name">
<div class="in" style="margin-left: 85px;margin-bottom: 20px">
<a-button
type="primary"
style="
width: 100px;
height: 40px;
border-radius: 8px;
background-color: #409eff;
"
>添加选项</a-button
>
</div>
</div>
</div>
<div class="content">
<div class="tagbox">
<div class="tagname">问答题</div>
<div class="deleteop">
<div><img src="../../assets/images/projectadd/delete.png"/></div>
<div class="del_text">删除选项</div>
</div>
</div>
<div class="name">
<div class="namebox">
<img
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">标题</div>
</div>
<div class="in">
<a-input
v-model:value="valueEi"
placeholder="请输入标题名称"
show-count
:maxlength="20"
style="border-radius: 8px"
/>
</div>
</div>
<div class="name name2" style="margin-bottom: 20px">
<div class="namebox">
<div class="inname">描述</div>
</div>
<div class="in">
<a-textarea v-model:value="valueii" style="height: 148px" />
</div>
</div>
</div>
<div class="content">
<div class="tagbox">
<div class="tagname">评分题</div>
<div class="deleteop">
<div><img src="../../assets/images/projectadd/delete.png"/></div>
<div class="del_text">删除选项</div>
</div>
</div>
<div class="name">
<div class="namebox">
<img
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">标题</div>
</div>
<div class="in">
<a-input
v-model:value="valueE1"
placeholder="请输入标题名称"
show-count
:maxlength="20"
style="border-radius: 8px"
/>
</div>
</div>
<div class="name">
<div class="namebox">
<div class="inname">最低分</div>
@@ -179,15 +221,36 @@
</div>
<div class="scoretext">非常不满意</div>
</div>
<div class="name name2">
<div class="name" style="margin-bottom: 20px;">
<div class="namebox">
<div class="inname" style="margin-top: 13px">备注</div>
<img
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">配置权重</div>
</div>
<div class="in">
<a-textarea v-model:value="valuei" style="height: 80px" />
<div class="in" style="display:flex">
<div class="assess">
<div class="assesstype">评估类型</div>
<div class="assesswhole">整体评估</div>
</div>
<div class="assess" style="margin-left: 50px;position: relative">
<div class="assesstype">权重比例</div>
<div class="assesswhole" style="background: #FFFFFF">20</div>
<div class="ratio">%</div>
</div>
</div>
</div>
</div>
<div class="opinion name2">
<div class="namebox">
<div class="inname" style="margin-top: 13px">您的其他意见</div>
</div>
<div class="in">
<a-textarea v-model:value="valuep" style="height: 110px" show-count
:maxlength="200"/>
</div>
</div>
<div class="footer">
<div class="btn">
<a-button
@@ -379,9 +442,71 @@ export default {
}
}
}
.addtype {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-right: 20px;
align-items: center;
margin-left: 41px;
.addtypen {
color: #6F6F6F;
font-size: 14px;
}
.types {
cursor: pointer;
width: 80px;
height: 40px;
color: #409EFF;
border: 1px solid #409EFF;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
margin: 20px 10px;
}
}
.content {
display: flex;
flex-direction: column;
border: 1px solid rgba(0, 0, 0, 0.1);
width: 70%;
min-width: 690px;
margin-left: 38px;
margin-top: 20px;
.tagbox {
display: flex;
justify-content: space-between;
.tagname {
width: 90px;
height: 32px;
margin-top: 24px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 134px;
background: rgba(78, 166, 255, 0.1);
border-radius: 4px;
color: rgba(64, 158, 255, 1);
font-size: 16px;
}
.deleteop {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 40px;
margin-top: 20px;
margin-right: 30px;
border: 1px solid #409EFF;
border-radius: 8px;
cursor: pointer;
.del_text {
color: #409EFF;
font-size: 14px;
margin-left: 5px;
}
}
}
.scorebox {
display: flex;
align-items: center;
@@ -429,10 +554,6 @@ export default {
font-size: 14px;
}
}
.name2 {
display: flex;
align-items: flex-start;
}
.options {
display: flex;
}
@@ -444,8 +565,12 @@ export default {
color: #4ea6ff;
font-size: 14px;
}
.name2 {
display: flex;
align-items: flex-start;
}
.name {
width: 50%;
width: 60%;
// background-color: lightcoral;
display: flex;
margin-top: 20px;
@@ -464,13 +589,45 @@ export default {
}
}
.inname {
color: #6f6f6f;
color: #6F6F6F;
font-size: 14px;
margin-left: 7px;
font-weight: 700;
}
.in {
margin-left: 14px;
flex: 1;
.assess {
display: flex;
width: 226px;
height: 40px;
border: 1px solid #56A3F9;
//margin-bottom: 20px;
.assesstype {
width: 50%;
background: #56A3F9;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.assesswhole {
width: 50%;
background: rgba(86, 163, 249, 0.1);
font-size: 14px;
color: #6F6F6F;
display: flex;
justify-content: center;
align-items: center;
}
.ratio {
position: absolute;
right: 10px;
top: 8px;
color: #6F6F6F;
font-size: 14px;
}
}
.addimg {
cursor: pointer;
color: rgba(78, 166, 255, 1);
@@ -500,6 +657,8 @@ export default {
width: 200px;
.ant-input-number {
width: 200px;
height: 40px;
border-radius: 8px;
}
// .ant-input-number-input-wrap {
// width: 200px;
@@ -507,6 +666,37 @@ export default {
}
}
}
.name2 {
display: flex;
align-items: flex-start;
}
.opinion {
display: flex;
margin-top: 30px;
.namebox {
width: 120px;
display: flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
}
.in {
margin-left: 14px;
width: 500px;
.ant-input-textarea-show-count {
position: relative;
height: 110px;
}
.ant-input-textarea-show-count::after {
position: absolute;
right: 10px;
bottom: 0px;
}
.ant-input {
border-radius: 8px;
}
}
}
.footer {
width: 100%;
margin-top: 31px;

166
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="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 {