fix:修改项目、编辑项目封面图回显问题及默认封面图下拉框文字展示

This commit is contained in:
wyx
2022-12-07 01:07:24 +08:00
parent fbefde15c4
commit 3f802ba962

View File

@@ -75,11 +75,12 @@
return triggerNode.parentNode || document.body; return triggerNode.parentNode || document.body;
} }
" "
v-model:value="projectInfo.picUrl" v-model:value="picUrlName"
dropdownClassName="dropdown-style" dropdownClassName="dropdown-style"
style="width: 440px" style="width: 440px"
placeholder="请选择" placeholder="请选择"
:options="projectPic" :options="projectPic"
@change="handleChangeSelect"
allowClear allowClear
></a-select> ></a-select>
<img <img
@@ -328,8 +329,14 @@ export default {
}, },
classifyList5: [], classifyList5: [],
courseSyncFlag: false, courseSyncFlag: false,
picUrlName:'请选择封面图'
}); });
// 封面图选择
const handleChangeSelect = (value) => {
console.log(value)
state.projectInfo.picUrl= value
}
onMounted(() => { onMounted(() => {
state.projectPic = store.state.projectPic.map((e) => ({value: e.dictValue, label: e.dictName})); state.projectPic = store.state.projectPic.map((e) => ({value: e.dictValue, label: e.dictName}));
state.viewDetail = routers.query.viewDetail; state.viewDetail = routers.query.viewDetail;
@@ -355,6 +362,17 @@ export default {
.getProjectDetail({projectId: routers.query.projectId}) .getProjectDetail({projectId: routers.query.projectId})
.then((res) => { .then((res) => {
state.projectInfo = res.data.data.projectInfo; state.projectInfo = res.data.data.projectInfo;
console.log(res)
let picurl = res.data.data.projectInfo.picUrl
let dates = store.state.projectPic.map((e) => ({value: e.dictValue, label: e.dictName}));
console.log(dates,picurl)
for(let i=0;i<dates.length;i++){
if(dates[i].value==picurl){
state.picUrlName = dates[i].label
}
}
state.projectInfo.rangeTime = [ state.projectInfo.rangeTime = [
state.projectInfo.beginTime, state.projectInfo.beginTime,
state.projectInfo.endTime, state.projectInfo.endTime,
@@ -472,6 +490,7 @@ export default {
createProject, createProject,
backPage, backPage,
templateScroll, templateScroll,
handleChangeSelect
}; };
}, },
}; };