This commit is contained in:
parent
4fe266e468
commit
ac6dde089f
|
@ -439,13 +439,12 @@
|
||||||
<a @click="handleAddOne" class="ant-btn buttonClass mar-right20"><Icon icon="ant-design:file-add-outlined" />新增作业</a>
|
<a @click="handleAddOne" class="ant-btn buttonClass mar-right20"><Icon icon="ant-design:file-add-outlined" />新增作业</a>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="24">
|
<a-col :span="24">
|
||||||
<a-row style="padding: 10px">
|
<a-row style="padding: 10px;">
|
||||||
<a-col :lg="24" v-for="(item, index) in tableData" style="padding: 0 5px 5px 5px" :key="index">
|
<a-col :lg="24" v-for="(item, index) in tableData" style="padding: 0 5px 12px 5px;border-radius:5px;" :key="index">
|
||||||
<a-card
|
<a-card
|
||||||
:title="'第' + item.sort + '次作业(占比' + item.score + '%)'"
|
:title="'第' + item.sort + '次作业(占比' + item.score + '%)'"
|
||||||
v-if="!item.endTime"
|
v-if="!item.endTime"
|
||||||
class="cardClass"
|
class="cardClass module-bg"
|
||||||
bodyStyle="background: #fff;"
|
|
||||||
>
|
>
|
||||||
<template #extra
|
<template #extra
|
||||||
><span style="color: #ff8710; font-weight: bold"><Icon icon="ant-design:setting-outlined" /> 待设置</span>
|
><span style="color: #ff8710; font-weight: bold"><Icon icon="ant-design:setting-outlined" /> 待设置</span>
|
||||||
|
@ -460,8 +459,7 @@
|
||||||
<a-card
|
<a-card
|
||||||
:title="'第' + item.sort + '次作业(占比' + item.score + '%)'"
|
:title="'第' + item.sort + '次作业(占比' + item.score + '%)'"
|
||||||
v-if="item.endTime && item.zyStatus == '1'"
|
v-if="item.endTime && item.zyStatus == '1'"
|
||||||
class="cardClass"
|
class="cardClass module-bg"
|
||||||
bodyStyle="background: #fff;"
|
|
||||||
>
|
>
|
||||||
<template #extra
|
<template #extra
|
||||||
><span style="color: #02aa56; font-weight: bold"><Icon icon="ant-design:check-outlined" />已发布</span>
|
><span style="color: #02aa56; font-weight: bold"><Icon icon="ant-design:check-outlined" />已发布</span>
|
||||||
|
@ -491,12 +489,12 @@
|
||||||
<div class="ellip-word"><span class="ellip-word2">作业截止时间:</span>{{ dayjs(item.endTime).format('YYYY.MM.DD HH:mm') }}</div>
|
<div class="ellip-word"><span class="ellip-word2">作业截止时间:</span>{{ dayjs(item.endTime).format('YYYY.MM.DD HH:mm') }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="text-align: right; margin-top: 20px; margin-bottom: -10px; width: 100%">
|
<div style="text-align: right; margin-top: 20px; margin-bottom: -10px; width: 100%">
|
||||||
<a @click="handleEdit(item, true)" v-if="item.ytjnum > 0">编辑作业</a>
|
<a @click="handleEdit(item, true)" v-if="item.ytjnum > 0" class="home-status" ><Icon icon="ant-design:form-outlined" />编辑作业</a>
|
||||||
<a @click="handleChehui(item)" v-if="item.ytjnum == 0">撤回作业</a>
|
<a @click="handleChehui(item)" v-if="item.ytjnum == 0" class="home-status"><Icon icon="ant-design:import-outlined" />撤回作业</a>
|
||||||
<a-divider type="vertical" />
|
<a-divider type="vertical" />
|
||||||
<a @click="handleZyxx(item, '')">批阅作业</a>
|
<a @click="handleZyxx(item, '')" class="home-status"><Icon icon="ant-design:file-done-outlined" />批阅作业</a>
|
||||||
<a-divider type="vertical" />
|
<a-divider type="vertical" />
|
||||||
<a @click="handleDelete(item)" v-if="item.ytjnum == '0'">删除</a>
|
<a @click="handleDelete(item)" v-if="item.ytjnum == '0'" class="home-status"><Icon icon="ant-design:delete-outlined" />删除</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-card>
|
</a-card>
|
||||||
|
@ -1606,9 +1604,13 @@ onMounted(() => {
|
||||||
font-feature-settings: tnum;
|
font-feature-settings: tnum;
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
border: 1px solid #dadada;
|
border: 1px solid #f0f0f0;
|
||||||
background: #f7f7f7;
|
background: #f7f7f7;
|
||||||
}
|
}
|
||||||
|
.ant-card:hover{
|
||||||
|
box-sizing: border-box;
|
||||||
|
box-shadow: 2px 2px 10px 1px #d4d4d4;
|
||||||
|
}
|
||||||
.ant-card-head {
|
.ant-card-head {
|
||||||
min-height: 48px;
|
min-height: 48px;
|
||||||
margin-bottom: -1px;
|
margin-bottom: -1px;
|
||||||
|
@ -1648,13 +1650,14 @@ onMounted(() => {
|
||||||
.zuanqu:hover {
|
.zuanqu:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #18a689;
|
color: #18a689;
|
||||||
|
background: #eff6f4;
|
||||||
}
|
}
|
||||||
.data-suggest {
|
.data-suggest {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 25%;
|
width: 25%;
|
||||||
margin-right: 3px;
|
margin-right:5px;
|
||||||
padding: 8px 3px;
|
padding: 8px 3px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background: #f7f7f7;
|
background: #f7f7f7;
|
||||||
|
@ -1732,4 +1735,15 @@ onMounted(() => {
|
||||||
border-left: 5px solid #029c88;
|
border-left: 5px solid #029c88;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
.module-bg{
|
||||||
|
background: #fff;
|
||||||
|
border-radius:6px;
|
||||||
|
;
|
||||||
|
}
|
||||||
|
.home-status{
|
||||||
|
color: #1ab394;
|
||||||
|
}
|
||||||
|
.home-status:hover{
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue