This commit is contained in:
kbing1981 2024-08-27 16:21:39 +08:00
parent 70fc8b6cbd
commit 049200c90b
1 changed files with 57 additions and 30 deletions

View File

@ -28,7 +28,7 @@
>
</a-col>
<a-col :span="6" style="text-align: right; padding: 5px 0 0 0">
<a @click="handleAddZycs" class="ant-btn buttonClass mar-right20"><Icon icon="ant-design:file-add-outlined" />新增测验</a>
<a-button type="primary" @click="handleAddZycs" class="mar-right20"><Icon icon="ant-design:file-add-outlined" />新增测验</a-button>
</a-col>
</a-row>
</a-col>
@ -53,9 +53,9 @@
</a-col>
<a-col :span="24" style="margin-top: 30px; font-size: 18px">
<div style="text-align: center">
<a-button class="buttonClass" @click="handleBatchAdd"><Icon icon="ant-design:save-outlined" />保存</a-button>
<a-button type="primary" @click="handleBatchAdd"><Icon icon="ant-design:save-outlined" />保存</a-button>
<a-divider type="vertical" />
<a-button class="buttonClass" @click="reloadZy"><Icon icon="ant-design:export-outlined" style="margin-right: 10px" />返回</a-button>
<a-button type="primary" @click="reloadZy"><Icon icon="ant-design:export-outlined" style="margin-right: 10px" />返回</a-button>
</div>
</a-col>
</a-row>
@ -432,7 +432,7 @@
<span class="title">统计分析</span>
</a-col>
<a-col :span="4" style="text-align: right">
<a-button class="buttonClass" @click="reloadZy"><Icon icon="ant-design:export-outlined" />返回</a-button>
<a-button class="buttonClass" @click="reloadZy" style="margin-right:10px"><Icon icon="ant-design:export-outlined" />返回</a-button>
</a-col>
</a-row>
<a-divider />
@ -552,9 +552,9 @@
<a-row>
<a-col :span="24"><span class="title">布置测验</span><a-divider /></a-col>
<a-col :span="24" style="text-align: right; margin-top: 5px">
<a @click="handleShowType(1)" class="ant-btn buttonClass"><Icon icon="ant-design:edit-outlined" />修改课程测验次数</a>
<a-button type="primary" @click="handleShowType(1)"><Icon icon="ant-design:edit-outlined" />修改课程测验次数</a-button>
<a-divider type="vertical" />
<a @click="handleAddOne" class="ant-btn buttonClass mar-right20"><Icon icon="ant-design:file-add-outlined" />新增测验</a>
<a-button type="primary" @click="handleAddOne" class="mar-right20"><Icon icon="ant-design:file-add-outlined" />新增测验</a-button>
</a-col>
<a-col :span="24">
<a-row style="padding: 10px">
@ -562,9 +562,9 @@
<!-- :title="'11第' + item.sort + '次测验(占比' + item.score + '%)'" -->
<!-- class="cardClass" -->
<a-card v-if="!item.endTime" bodyStyle="background: #fff;">
<template #title>{{ item.sort }}次测验暂未设置测验信息 </template>
<template #title>{{ item.sort }}次测验暂未设置测验信息 <span class="card-label3"> 待设置</span> </template>
<template #extra
><span style="color: #ff8710; font-weight: bold"><Icon icon="ant-design:setting-outlined" /> 待设置</span>
>
</template>
<!-- <p class="sznrClass">尚未布置测验题目及具体要求</p> -->
<a-row>
@ -629,28 +629,29 @@
</a-col>
<a-col :span="6">
<div style="text-align: right">
<a @click="handleEdit(item, false)">设置测验内容及要求</a>
<a @click="handleEdit(item, false)" class="ant-dropdown-link">设置测验内容及要求</a>
<a-divider type="vertical" />
<a @click="handleDelete(item)">删除</a>
<a @click="handleDelete(item)" class="ant-dropdown-link">删除</a>
</div>
</a-col>
</a-row>
</a-card>
<a-card v-if="item.endTime && item.qpublish == '1'" bodyStyle="background: #fff;">
<a-card v-if="item.endTime && item.qpublish == '1'" bodyStyle="">
<template #title>
<span>{{ item.sort }}次测验{{ item.title }}</span>
<span class="card-label">已发布</span>
</template>
<template #extra>
<span>ID:{{ item.id }}</span>
<span style="margin-left: 10px; color: #02aa56; font-weight: bold"><Icon icon="ant-design:check-outlined" />已发布</span>
<span style="margin-left: 10px">{{ dayjs(item.endTime).format('MM.DD HH:mm') }}</span>
</template>
<a-row>
<a-col :span="20">
<span style="margin-left: 10px">
<a-dropdown>
<a class="ant-dropdown-link" @click.prevent> <Icon icon="ant-design:form-outlined" />设计测验 </a>
<a class="ant-dropdown-link" @click.prevent> <Icon icon="ant-design:form-outlined" /> 设计测验 </a>
<template #overlay>
<a-menu>
<a-menu-item>
@ -669,7 +670,7 @@
<span style="margin-left: 30px">
<a-dropdown>
<a class="ant-dropdown-link" @click.prevent
><Icon icon="ant-design:setting-outlined" @click="handleViewEwm(item)" /><span @click="handleViewEwm(item)">发送问卷</span>
><Icon icon="ant-design:setting-outlined" @click="handleViewEwm(item)" /><span @click="handleViewEwm(item)"> 发送问卷</span>
</a>
<template #overlay>
<a-menu>
@ -689,11 +690,11 @@
</span>
<span style="margin-left: 30px">
<a-dropdown>
<a class="ant-dropdown-link" @click.prevent><Icon icon="ant-design:audit-outlined" />答题结果 </a>
<a class="ant-dropdown-link" @click.prevent><Icon icon="ant-design:audit-outlined" /> 答题结果 </a>
<template #overlay>
<a-menu>
<a-menu-item>
<a href="javascript:;" @click="handleTeaDtjg(item)">答题结果</a>
<a href="javascript:;" @click="handleTeaDtjg(item)"> 答题结果</a>
</a-menu-item>
</a-menu>
</template>
@ -701,7 +702,7 @@
</span>
<span style="margin-left: 30px">
<a-dropdown>
<a class="ant-dropdown-link" @click.prevent><Icon icon="ant-design:line-chart-outlined" />测验结果 </a>
<a class="ant-dropdown-link" @click.prevent><Icon icon="ant-design:line-chart-outlined" /> 测验结果 </a>
<template #overlay>
<a-menu>
<a-menu-item>
@ -728,17 +729,17 @@
<a-card v-if="item.endTime && item.qpublish == '0'" bodyStyle="background: #fff;">
<template #title>
<span>{{ item.sort }}次测验{{ item.title }}</span>
<span class="card-label3" >待发布</span>
</template>
<template #extra>
<span>ID:{{ item.id }}</span>
<span style="margin-left: 10px; color: #ff8710; font-weight: bold"><Icon icon="ant-design:send-outlined" />待发布</span>
<span style="margin-left: 10px">{{ dayjs(item.endTime).format('MM.DD HH:mm') }}</span>
</template>
<a-row>
<a-col :span="18">
<span style="margin-left: 10px">
<a-dropdown>
<a class="ant-dropdown-link" @click.prevent><Icon icon="ant-design:form-outlined" />设计测验 </a>
<a class="ant-dropdown-link" @click.prevent><Icon icon="ant-design:form-outlined" /> 设计测验 </a>
<template #overlay>
<a-menu>
<a-menu-item>
@ -1701,19 +1702,15 @@ onMounted(() => {
}
.ant-card {
box-sizing: border-box;
margin: 2px 0;
padding: 0;
color: rgb(0 0 0);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: tnum;
position: relative;
border-radius: 5px;
border: 1px solid #dadada;
border-radius:5px;
border:1px solid #e6e6e6;
margin: 6px 0;
background: #fff;
}
.ant-card:hover{
box-shadow: 2px 2px 10px 1px #d4d4d4;
}
.ant-card-head {
min-height: 48px;
margin-bottom: -1px;
@ -1901,4 +1898,34 @@ onMounted(() => {
color: #ff8710;
font-weight: bold;
}
.ant-dropdown-link{
color: #029c88;
}
.ant-dropdown-link:hover{
color: #333;
}
.card-label{
background: #81cbbc;
border-radius:4px;
color: #fff;
padding: 3px 6px;
margin-left: 10px;
font-size: 12px;
}
.card-label2{
background: #84c4fa;
border-radius:4px;
color: #fff;
padding: 3px 6px;
margin-left: 10px;
font-size: 12px;
}
.card-label3{
background: #fabe84;
border-radius:4px;
color: #fff;
padding: 3px 6px;
margin-left: 10px;
font-size: 12px;
}
</style>