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

style:调研改为评估

Browse Source
This commit is contained in:
李晓鸽
2022-11-01 09:07:12 +08:00
parent a9d78e9c7c
commit 6d60aa065b
12 changed files with 133 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,4 @@
<!-- 调研管理-创建评估页面 -->
<!-- 评估管理-创建评估页面 -->
<template>
<div class="researchadd">
<div class="header">
@@ -21,8 +21,8 @@
<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><img src="../../assets/images/projectadd/delete.png" /></div>
<div class="del_text">删除选项</div>
</div>
</div>
<div class="name">
@@ -99,7 +99,7 @@
/>
</div>
<div class="name">
<div class="in" style="margin-left: 85px;margin-bottom: 20px">
<div class="in" style="margin-left: 85px; margin-bottom: 20px">
<a-button
type="primary"
style="
@@ -117,8 +117,8 @@
<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><img src="../../assets/images/projectadd/delete.png" /></div>
<div class="del_text">删除选项</div>
</div>
</div>
<div class="name">
@@ -152,8 +152,8 @@
<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><img src="../../assets/images/projectadd/delete.png" /></div>
<div class="del_text">删除选项</div>
</div>
</div>
<div class="name">
@@ -221,7 +221,7 @@
</div>
<div class="scoretext">非常不满意</div>
</div>
<div class="name" style="margin-bottom: 20px;">
<div class="name" style="margin-bottom: 20px">
<div class="namebox">
<img
class="nameimg"
@@ -229,27 +229,31 @@
/>
<div class="inname">配置权重</div>
</div>
<div class="in" style="display:flex">
<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="assess" style="margin-left: 50px; position: relative">
<div class="assesstype">权重比例</div>
<div class="assesswhole" style="background: #FFFFFF">20</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 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">
@@ -449,15 +453,15 @@ export default {
align-items: center;
margin-left: 41px;
.addtypen {
color: #6F6F6F;
color: #6f6f6f;
font-size: 14px;
}
.types {
cursor: pointer;
width: 80px;
height: 40px;
color: #409EFF;
border: 1px solid #409EFF;
color: #409eff;
border: 1px solid #409eff;
border-radius: 4px;
display: flex;
justify-content: center;
@@ -497,11 +501,11 @@ export default {
height: 40px;
margin-top: 20px;
margin-right: 30px;
border: 1px solid #409EFF;
border: 1px solid #409eff;
border-radius: 8px;
cursor: pointer;
.del_text {
color: #409EFF;
color: #409eff;
font-size: 14px;
margin-left: 5px;
}
@@ -589,7 +593,7 @@ export default {
}
}
.inname {
color: #6F6F6F;
color: #6f6f6f;
font-size: 14px;
margin-left: 7px;
font-weight: 700;
@@ -601,12 +605,12 @@ export default {
display: flex;
width: 226px;
height: 40px;
border: 1px solid #56A3F9;
border: 1px solid #56a3f9;
//margin-bottom: 20px;
.assesstype {
width: 50%;
background: #56A3F9;
color: #FFFFFF;
background: #56a3f9;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
@@ -615,7 +619,7 @@ export default {
width: 50%;
background: rgba(86, 163, 249, 0.1);
font-size: 14px;
color: #6F6F6F;
color: #6f6f6f;
display: flex;
justify-content: center;
align-items: center;
@@ -624,7 +628,7 @@ export default {
position: absolute;
right: 10px;
top: 8px;
color: #6F6F6F;
color: #6f6f6f;
font-size: 14px;
}
}
@@ -645,7 +649,6 @@ export default {
// height: 120%;
width: 100%;
height: 35px;
}
.ant-select-selector {
border-radius: 5px;
@@ -668,36 +671,36 @@ export default {
}
}
.name2 {
display: flex;
align-items: flex-start;
}
.opinion {
display: flex;
margin-top: 30px;
.namebox {
width: 120px;
display: flex;
align-items: flex-start;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
}
.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;
}
.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;
}
.ant-input-textarea-show-count::after {
position: absolute;
right: 10px;
bottom: 0px;
}
.ant-input {
border-radius: 8px;
}
}
}
.footer {
width: 100%;
margin-top: 31px;