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

feat:编辑路径

Browse Source
This commit is contained in:
岳佳鑫
2022-10-24 15:13:30 +08:00
parent 10b7c169f6
commit 54cc56bd33
1 changed files with 133 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
src/views/learningpath/LearningPath.vue
View File

@@ -127,6 +127,128 @@
<div class="showcount">{{ valueE.length }}/20</div>
</div>
</div>
<div class="name" style="margin-left: 27px">
<div class="d" style="margin-top: -4px">
<img
style="width: 10px; height: 10px"
src="../../assets/images/basicinfo/asterisk.png"
/>
</div>
<div class="inname">归属组织</div>
<div class="in">
<a-input
v-model:value="valueE"
maxlength="20"
style="border-radius: 4px"
/>
<div class="showcount">{{ valueE.length }}/20</div>
</div>
</div>
<div class="bac">
<div class="d" style="margin-top: 12px">
<img
style="width: 10px; height: 10px"
src="../../assets/images/basicinfo/asterisk.png"
/>
</div>
<div class="inname">路径图背景</div>
<div class="in">
<!-- <img class="im" src="../../assets/px.jpg" />
<img class="im" src="../../assets/px.jpg" />
<img class="im" src="../../assets/px.jpg" /> -->
<div
@click="chooseImg(item.id)"
v-for="item in imgData"
:key="item.key"
style="
border-radius: 8px;
width: 136px;
height: 106px;
background-size: 100%;
background-repeat: no-repeat;
"
:style="{
border:
learnPathBg === item.id
? '2px solid rgba(78, 166, 255, 1)'
: '2px solid rgba(78, 166, 255, 0)',
'background-image': 'url(' + item.source + ')',
}"
>
<!-- <img class="im" :src="item.source" /> -->
</div>
</div>
</div>
<div class="info">
<div class="inname">路径说明</div>
<div class="in">
<a-textarea v-model:value="valuei" maxlength="150" />
<div class="showcount">{{ valuei.length }}/150</div>
</div>
</div>
<div class="btn">
<button class="samtn btn1" @click="handleOut">取消</button>
<button class="samtn btn2" @click="handleOut">确定</button>
</div>
</div>
</div></a-modal
>
<!-- 编辑路径弹窗 -->
<a-modal
:closable="sh"
centered="true"
v-model:visible="out1"
:footer="null"
wrapClassName="CreatePath"
>
<div class="out">
<div class="top">
<img class="topimg" src="../../assets/images/courseManage/add1.png" />
<div class="topc">编辑路径</div>
<div @click="handleOut1" style="margin-left: 500px; cursor: pointer">
<img
style="width: 20px; height: 20px"
src="../../assets/images/basicinfo/close.png"
/>
</div>
</div>
<div class="mid clearfix">
<div class="name">
<div class="d" style="margin-top: -4px">
<img
style="width: 10px; height: 10px"
src="../../assets/images/basicinfo/asterisk.png"
/>
</div>
<div class="inname">路径图名称</div>
<div class="in">
<a-input
v-model:value="valueE"
maxlength="20"
style="border-radius: 4px"
/>
<div class="showcount">{{ valueE.length }}/20</div>
</div>
</div>
<div class="name" style="margin-left: 27px">
<div class="d" style="margin-top: -4px">
<img
style="width: 10px; height: 10px"
src="../../assets/images/basicinfo/asterisk.png"
/>
</div>
<div class="inname">归属组织</div>
<div class="in">
<a-input
v-model:value="valueE"
maxlength="20"
style="border-radius: 4px"
/>
<div class="showcount">{{ valueE.length }}/20</div>
</div>
</div>
<div class="bac">
<div class="d" style="margin-top: 12px">
<img
@@ -437,6 +559,7 @@ export default {
},
],
out: false,
out1: false,
number: null,
selectTime: null,
sh: false,
@@ -669,6 +792,9 @@ export default {
const handleOut = () => {
state.out = !state.out;
};
const handleOut1 = () => {
state.out1 = !state.out1;
};
const chooseImg = (id) => {
console.log(id);
state.learnPathBg = id;
@@ -734,14 +860,18 @@ export default {
>
发布
</div>
<div class="jc">编辑</div>
<div class="jc" onClick={() => {
state.out1 = true;
}}>编辑</div>
</div>
) : (
<div></div>
)}
{value.state === "已发布" ? (
<div class="fb">
<div class="jc">编辑</div>
<div class="jc" onClick={() => {
state.out1 = true;
}}>编辑</div>
</div>
) : (
<div></div>
@@ -945,6 +1075,7 @@ export default {
selectProjectName,
expandTable,
handleOut,
handleOut1,
showPub,
closePub,
showCopyModal,