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

封面图

Browse Source
This commit is contained in:
kclf
2022-12-06 00:05:35 +08:00
parent edbc572392
commit 3ca2909a01
1 changed files with 77 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/views/courselibrary/CoursewareManage.vue
View File

@@ -371,7 +371,27 @@
<span style="margin-right: 14px">封面图</span>
</div>
<div class="item_inp">
<a-upload
<a-select
:getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
"
v-model:value="feng_mian_1"
dropdownClassName="dropdown-style"
style="width: 440px"
placeholder="请选择"
:options="optionsUrl"
allowClear
showSearch
></a-select>
<img
class="i_upload_img"
v-if="feng_mian_1"
:src="feng_mian_1"
alt="avatar"
/>
<!-- <a-upload
name="avatar"
list-type="picture-card"
class="avatar-uploader"
@@ -391,7 +411,7 @@
<div class="shu"></div>
</div>
</div>
</a-upload>
</a-upload> -->
<div class="i_bottom">
<span style="color: #999ba3">
高宽比为16:9 (如:800*450) png或jpg图片
@@ -788,7 +808,27 @@
<span style="margin-right: 14px">封面图</span>
</div>
<div class="item_inp">
<a-upload
<a-select
:getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
"
v-model:value="feng_mian_2"
dropdownClassName="dropdown-style"
style="width: 440px"
placeholder="请选择"
:options="optionsUrl"
allowClear
showSearch
></a-select>
<img
class="i_upload_img"
v-if="feng_mian_2"
:src="feng_mian_2"
alt="avatar"
/>
<!-- <a-upload
name="avatar"
list-type="picture-card"
class="avatar-uploader"
@@ -808,7 +848,7 @@
<div class="shu"></div>
</div>
</div>
</a-upload>
</a-upload> -->
<div class="i_bottom">
<span style="color: #999ba3">
高宽比为16:9 (如:800*450) png或jpg图片
@@ -3711,6 +3751,8 @@ export default defineComponent({
tagsOptions: [],
qdms_inputV5: null,
fen_lei: null,
feng_mian_1: null,
feng_mian_2: null,
chang_jin: null,
tags_val: [],
qdms_inputV6: "",
@@ -4184,7 +4226,8 @@ export default defineComponent({
getTea();
};
//获取分类、场景、教师、-----------字典配置-------------------------------
//获取分类、场景、封面图、-----------字典配置-------------------------------
const optionsUrl = ref([]);
const getDictList = (param) => {
let obj = {
pageNo: 1,
@@ -4197,9 +4240,18 @@ export default defineComponent({
console.log("获取字典成功", res);
if (res.data.code === 200) {
if (param === "faceclassPic") {
if (res.data.data.rows.length > 0) {
state.imageUrl = res.data.data.rows[0].dictValue;
}
let arr = res.data.data.rows;
let newArr = [];
arr.forEach((item) => {
newArr.push({
value: item.dictValue,
label: item.dictName,
});
});
optionsUrl.value = newArr;
// if (res.data.data.rows.length > 0) {
// state.imageUrl = res.data.data.rows[0].dictValue;
// }
}
if (param === "faceclassClass") {
let arr = res.data.data.rows;
@@ -4232,7 +4284,7 @@ export default defineComponent({
getDictList("faceclassClass");
getDictList("faceclassScene");
getDictList("faceclassPic");
//获取分类、场景、教师、----------------字典配置---------------------------
//获取分类、场景、封面图、----------------字典配置---------------------------
//渲染学员管理操作
const getTableDate2 = async () => {
@@ -4474,6 +4526,8 @@ export default defineComponent({
state.qdms_inputV2 = "";
state.qdms_inputV3 = "";
state.fen_lei = null;
state.feng_mian_1 = null;
state.feng_mian_2 = null;
state.chang_jin = null;
state.tags_val = [];
state.qdms_inputV5 = null;
@@ -4504,7 +4558,8 @@ export default defineComponent({
const postData = {
offcourseId: state.offcourseId, //不传代表新增
name: state.qdms_inputV1,
picUrl: state.imageUrl,
// picUrl: state.imageUrl,
picUrl: state.feng_mian_1,
targetUser: state.qdms_inputV2,
meaning: state.qdms_inputV3,
categoryId: state.fen_lei,
@@ -5072,7 +5127,8 @@ export default defineComponent({
console.log(options3.value);
state.qdms_inputV1 = item.name;
state.imageUrl = item.picUrl;
// state.imageUrl = item.picUrl;
state.feng_mian_1 = item.picUrl;
state.qdms_inputV2 = item.targetUser;
state.qdms_inputV3 = item.meaning;
state.fen_lei = String(item.categoryId);
@@ -5109,8 +5165,8 @@ export default defineComponent({
};
const handleLook = async (itm, type) => {
// state.isEdit = 0;
console.log(45555);
console.log(itm);
// console.log(45555);
// console.log(itm);
if (type === "1") {
return;
}
@@ -5124,12 +5180,12 @@ export default defineComponent({
state.lookCourseModal = true;
item.attach = item.attach == "" ? [] : item.attach.split(",");
state.faceDetailObj = item;
// heroImg.value.src = item.picUrl;
// valueHtmlRef.value = item.outline;
// attachMap.value = item.attach == "" ? [] : item.attach.split(",");
console.log("res222222222");
console.log(item);
console.log(state.lookCourseModal);
// // heroImg.value.src = item.picUrl;
// // valueHtmlRef.value = item.outline;
// // attachMap.value = item.attach == "" ? [] : item.attach.split(",");
// console.log("res222222222");
// console.log(item);
// console.log(state.lookCourseModal);
// state.qdms_inputV1 = item.name;
// state.imageUrl = item.picUrl;
@@ -5519,6 +5575,7 @@ export default defineComponent({
options2,
options3,
options4,
optionsUrl,
of_hShow,
of_exit1,
of_exit,
@@ -6864,6 +6921,7 @@ export default defineComponent({
flex: 1;
.i_upload_img {
margin-top: 10px;
width: 100px;
height: 100px;
border-radius: 8px;