|
|
@@ -207,6 +207,10 @@ onUnmounted(() => {
|
|
|
<div @click="viewReport(subItem)"
|
|
|
class='isCompleted_status'> 查看报告</div>
|
|
|
</div>
|
|
|
+ <!-- {{ subItem.isRequired }} -->
|
|
|
+ <div class="isMust" v-show="subItem.isRequired == '1'">必做</div>
|
|
|
+ <div class="isChoosable" v-show="subItem.isRequired == '0'">选做
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -233,6 +237,9 @@ onUnmounted(() => {
|
|
|
<div @click="viewReport(subItem)"
|
|
|
class='isCompleted_status'> 查看报告</div>
|
|
|
</div>
|
|
|
+ <div class="isMust" v-show="subItem.isRequired == '1'">必做</div>
|
|
|
+ <div class="isChoosable" v-show="subItem.isRequired == '0'">选做
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -519,12 +526,33 @@ onUnmounted(() => {
|
|
|
align-items: center;
|
|
|
|
|
|
.task_content {
|
|
|
+ position: relative;
|
|
|
height: 80px;
|
|
|
margin-left: 10px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
width: 100%;
|
|
|
|
|
|
+ .isMust {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ background-color: #48D68E;
|
|
|
+ font-size: 10px;
|
|
|
+ color: #ffffff;
|
|
|
+ padding: 2px 6px;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .isChoosable {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ background-color: #EDEDED;
|
|
|
+ font-size: 10px;
|
|
|
+ color: #222222;
|
|
|
+ padding: 2px 6px;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
.title {
|
|
|
font-weight: 700;
|
|
|
font-size: 18px;
|
