This commit is contained in:
zhangyc
2022-11-10 20:10:40 +08:00
28 changed files with 3033 additions and 1831 deletions

View File

@@ -32,17 +32,48 @@
>
<div class="items1">
<div class="boxs_left">
<div class="script">
<span style="font-size: 12px; color: #ffffff">说明</span>
</div>
<a-popover placement="topLeft" trigger="click">
<template #content>
<div style="width: 130px">
{{ element.remark ? element.remark : "暂无说明" }}
</div>
</template>
<template #title>
<span>关卡说明</span>
</template>
<div class="script">
<span style="font-size: 12px; color: #ffffff"
>说明</span
>
</div>
</a-popover>
<div class="imgIcon"></div>
</div>
<div class="boxs_right">
<div class="imgIcon"></div>
<div class="imgIcon" @click="deleteChapter(element.chapterId)"></div>
</div>
</div>
<div class="items2">
<div class="nname">{{ element.name }}</div>
<a-popover
placement="topLeft"
v-if="element.name.length > 10"
>
<template #content>
<div style="width: 130px">
{{ element.name }}
</div>
</template>
<!-- <template #title>
<span>关卡说明</span>
</template> -->
<div class="nname">
{{ element.name }}
</div>
</a-popover>
<div class="nname" v-if="element.name.length <= 10">
{{ element.name }}
</div>
</div>
<!-- <div class="itemle">
<div class="tit">{{ item.remark }}</div>
@@ -1278,6 +1309,7 @@ export default {
const getDetail = () => {
GetRouterDetail(state.routerId)
.then((res) => {
console.log("res.data.data.chapterList", res.data.data.chapterList);
state.level = res.data.data.chapterList;
if (state.level.length > 0) {
dataAssignment(state.level[0].chapterId);
@@ -1680,6 +1712,17 @@ export default {
showDrawerAddVote(id, eleId);
}
};
//删除关卡
const deleteChapter=(chapterId)=>{
let obj={
chapterId:chapterId
}
api.deleteChapter(obj).then(res=>{
console.log('删除关卡成功',res)
}).catch(err=>{
console.log('删除关卡失败',err)
})
}
return {
...toRefs(state),
// tableDataFunc,
@@ -1720,6 +1763,7 @@ export default {
showDeleteModal,
decideType,
updateTableData,
deleteChapter,
};
},
};
@@ -2115,9 +2159,7 @@ export default {
display: flex;
flex-direction: column;
align-items: center;
.chosen {
// background-color: pink;
}
.ghost {
// background-color: red;
opacity: 0 !important;
@@ -2154,28 +2196,34 @@ export default {
white-space: nowrap;
}
.imgIcon {
width: 14px;
height: 14px;
width: 16px;
height: 16px;
background-image: url(@/assets/images/leveladd/edit.png);
background-size: 100% 100%;
}
}
.boxs_right {
.imgIcon {
width: 14px;
height: 14px;
background-image: url(@/assets/images/leveladd/z1.png);
width: 16px;
height: 16px;
background-image: url(@/assets/images/leveladd/delete.png);
background-size: 100% 100%;
}
}
}
.items2 {
.nname {
width: 100px;
width: 140px;
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
}
}