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

添案例接口添多数据情况批量标记弹窗封装新增查答卷查投票抽屉考勤面管添在线注释及清空考和测管内容判断

Browse Source
This commit is contained in:
Ggysh-7
2022-11-21 13:32:21 +08:00
parent 5a9c5ad274
commit 0fe0e74a75
22 changed files with 1259 additions and 1075 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
src/components/drawers/CheckVote.vue
View File

@@ -7,26 +7,34 @@
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain">
<div class="header">
<div class="headersub">
<div class="headerTitle">查看投票</div>
<img
style="width:29px;height:29px;cursor:pointer"
src="../../assets/images/basicinfo/close.png"
@click="closeDrawer"
/>
<!-- <div class="suptit"><span>评估名称：<span>管理者进阶投票</span></span></div> -->
</div>
<div class="headersup"><span>评估名称：<span style="color:#999ba3">管理者进阶投票</span></span></div>
<div class="main">
<div class="basetext"><span>基础信息</span></div>
<div class="HW Name"><span>作业名称：</span ><span style="color:#999ba3">{{"管理者进阶作业"}}</span></div>
<div class="HW Need"><span>作业要求：</span ><span style="color:#999ba3">{{"写一篇观后感，字数600字"}}</span></div>
<div class="HWText">
<span>作业信息：</span>
<div class="hwText">
<img src="@/assets/images/projectadd/keep.png"/>
<div class="hwName">{{"京东方商业模型.jpeg"}}</div>
<div class="op"> <span>查看</span> </div>
<div class="op"> <span>下载</span> </div>
<div class="basetext"><span>投票说明</span></div>
<div class="basequestion">
<div class="ques" v-for=" item,index in queData" :key="index">
<div class="quename">{{ index+1 +"."+ item.quename }}</div>
<div class="queanswer">
<a-radio-group v-model:value="item.value">
<div class="queaboxs" :style="{display: item.quetype ? 'flex' : 'block'}">
<div class="queabox" v-for="items,index in item.answer" :key="index">
<a-radio
v-model:checked="checked"
:value="items.value"
>
{{items.answercontent}}
</a-radio>
</div>
</div>
</a-radio-group>
</div>
</div>
</div>
</div>
@@ -50,8 +58,41 @@ export default {
},
setup(props,ctx){
const state = reactive({
valueE1:"",
queData:[
{
quetype:false,
quename:"当前项目对您是否有帮助?",
value:1,
answer:[
{
value:1,
answercontent:"有帮助"
},
{
value:2,
answercontent:"mei帮助"
}
]
},
{
quetype:true,
quename:"当前项目对您是否有帮助memememememeemme?",
value:2,
answer:[
{
value:1,
answercontent:"有帮助"
},
{
value:2,
answercontent:"mei帮助"
}
]
}
],
})
const closeDrawer = ()=> {
ctx.emit("update:CVvisible",false)
}
@@ -73,13 +114,12 @@ export default {
margin: 0px 32px 0px 32px;
display: flex;
flex-direction: column;
.header {
.headersub {
height: 73px;
border-bottom: 1px solid #e8e8e8;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
.headerTitle {
font-size: 18px;
font-weight: 600;
@@ -87,34 +127,32 @@ export default {
line-height: 25px;
}
}
.headersup{
border-bottom: 1px solid #e8e8e8;
padding-bottom: 20px;
}
.main {
width: 100%;
overflow-y: auto;
margin-bottom: 70px;
.basetext{
font-size: 16px;
font-weight: 600;
color: #333333;
line-height: 25px;
margin-top: 27px ;
margin-bottom: 27px ;
}
.HW{
margin-bottom: 20px;
}
.hwText{
display: flex;
align-items: center;
margin: 15px auto;
img{
background-size: 100% 100%;
}
.hwName{
margin:auto 10px;
}
.op{
color:#388be1;
margin: auto 20px;
cursor: pointer;
.basequestion{
.ques{
.quename{
margin: 10px auto ;
font-weight: bold;
}
.queanswer{
padding-left: 20px;
.queabox{
margin-bottom: 10px;
}
}
}
}
}