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

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;