fix:课程预览教师信息展示

This commit is contained in:
wuyx
2022-11-30 18:24:54 +08:00
parent a349ec6914
commit 7a977b5205
3 changed files with 130 additions and 122 deletions

View File

@@ -123,8 +123,7 @@ export default {
key: "time", key: "time",
align: "center", align: "center",
customRender: (time) => { customRender: (time) => {
console.log(time) return <div style="color:#387DF7">{toDate(time.record.time, "Y-M-D h:m")}</div>;
return <div style="color:#387DF7">{toDate(time, "Y-M-D h:m")}</div>;
}, },
}, },

View File

@@ -165,7 +165,7 @@
<div class="i1_input">{{ faceDetailObj !== null ? faceDetailObj.meaning : "" }}</div> <div class="i1_input">{{ faceDetailObj !== null ? faceDetailObj.meaning : "" }}</div>
</div> </div>
</div> </div>
<div class="mbl_items"> <!-- <div class="mbl_items">
<div class="item_nam"> <div class="item_nam">
<div class="asterisk_icon"> <div class="asterisk_icon">
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" /> <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
@@ -175,7 +175,7 @@
<div class="item_inp"> <div class="item_inp">
<div class="select i6_input">{{ faceDetailObj !== null ? faceDetailObj.projectId : "" }}</div> <div class="select i6_input">{{ faceDetailObj !== null ? faceDetailObj.projectId : "" }}</div>
</div> </div>
</div> </div> -->
<div class="mbl_items"> <div class="mbl_items">
<div class="item_nam"> <div class="item_nam">
<div class="asterisk_icon"> <div class="asterisk_icon">
@@ -184,7 +184,10 @@
<span style="margin-right: 14px">内容分类</span> <span style="margin-right: 14px">内容分类</span>
</div> </div>
<div class="item_inp"> <div class="item_inp">
<div class="select i6_input">{{ faceDetailObj !== null ? faceDetailObj.categoryId : "" }}</div> <!-- <div class="select i6_input">{{ faceDetailObj !== null ? faceDetailObj.categoryId : "" }}</div> -->
<div class="select i6_input">{{ faceDetailObj !== null ? contentList11.find(e => e.dictCode ==
faceDetailObj.categoryId)?.dictValue : ""
}}</div>
</div> </div>
</div> </div>
<div class="mbl_items"> <div class="mbl_items">
@@ -192,7 +195,11 @@
<span style="margin-right: 14px">场景</span> <span style="margin-right: 14px">场景</span>
</div> </div>
<div class="item_inp"> <div class="item_inp">
<div class="select i7_input">{{ faceDetailObj !== null ? faceDetailObj.sceneId : "" }}</div> <!-- <div class="select i7_input">{{ faceDetailObj !== null ? faceDetailObj.sceneId : "" }}</div> -->
<div class="select i7_input">{{ faceDetailObj !== null ? sceneist11.find(e => e.dictCode ==
faceDetailObj.sceneId)?.dictValue
: ""
}}</div>
</div> </div>
</div> </div>
<div class="mbl_items"> <div class="mbl_items">
@@ -211,7 +218,7 @@
<span style="margin-right: 14px">授课教师</span> <span style="margin-right: 14px">授课教师</span>
</div> </div>
<div class="item_inp"> <div class="item_inp">
<div class="i1_input">{{ faceDetailObj !== null ? faceDetailObj.teacherId : "" }}</div> <div class="i1_input">{{ faceDetailObj !== null ? faceDetailObj.teacher : "" }}</div>
</div> </div>
</div> </div>
<div class="mbl_items2"> <div class="mbl_items2">
@@ -465,6 +472,8 @@ export default {
}; };
console.log(objn); console.log(objn);
// 测试数据先放下
// setFaceData([{ name: "面授课审核", category_id: "8", scene_id: "8" }]);
list(objn) list(objn)
.then((res) => { .then((res) => {
@@ -478,6 +487,7 @@ export default {
} }
}) })
.catch((err) => { .catch((err) => {
setFaceData([{}]);
console.log("获取面授列表失败", err); console.log("获取面授列表失败", err);
}); });
}; };
@@ -486,6 +496,7 @@ export default {
const heroImg = ref(null); const heroImg = ref(null);
const valueHtml = ref(null); const valueHtml = ref(null);
const attachMap = ref([]); const attachMap = ref([]);
const getFaceDetail = (id) => { const getFaceDetail = (id) => {
console.log(id); console.log(id);
courseDetail(id) courseDetail(id)
@@ -504,6 +515,11 @@ export default {
} }
// 内容分类 场景 -- 目前直接写死的
const sceneist11 = [{ dictCode: "6", dictValue: "场景一" }, { dictCode: "7", dictValue: "场景二" }]
const contentList11 = [{ dictCode: "8", dictValue: "分类一" }, { dictCode: "5", dictValue: "分类二" }]
// contentList11.find(e => e.dictCode == text)?.dictValue
const searchList = () => { const searchList = () => {
let objn = { let objn = {
@@ -650,7 +666,9 @@ export default {
getFaceDetail, getFaceDetail,
heroImg, heroImg,
valueHtml, valueHtml,
attachMap attachMap,
contentList11,
sceneist11
}; };
}, },
}; };

View File

@@ -14,48 +14,32 @@
<div class="tmplh_inp"> <div class="tmplh_inp">
<div class="inpbox"> <div class="inpbox">
<div class="inpbox1"> <div class="inpbox1">
<a-input <a-input v-model:value="valueproj" style="
v-model:value="valueproj"
style="
width: 270px; width: 270px;
height: 40px; height: 40px;
border-radius: 8px; border-radius: 8px;
margin-right: 14px; margin-right: 14px;
" " placeholder="请输入项目名称/所属项目" />
placeholder="请输入项目名称/所属项目"
/>
</div> </div>
<div class="inpbox1"> <div class="inpbox1">
<a-input <a-input v-model:value="valuename" style="
v-model:value="valuename"
style="
width: 270px; width: 270px;
height: 40px; height: 40px;
border-radius: 8px; border-radius: 8px;
margin-right: 14px; margin-right: 14px;
" " placeholder="请输入项目经理" />
placeholder="请输入项目经理"
/>
</div> </div>
<div class="inpbox1"> <div class="inpbox1">
<a-input <a-input v-model:value="valuecreater" style="
v-model:value="valuecreater"
style="
width: 270px; width: 270px;
height: 40px; height: 40px;
border-radius: 8px; border-radius: 8px;
margin-right: 14px; margin-right: 14px;
" " placeholder="请输入创建人" />
placeholder="请输入创建人"
/>
</div> </div>
<div class="inpbox1"> <div class="inpbox1">
<a-range-picker <a-range-picker v-model:value="valueDate" style="border-radius: 8px; height: 40px; margin-left: 5px"
v-model:value="valueDate" :placeholder="[' 开始时间', ' 结束时间']" @change="rankTimeChange" />
style="border-radius: 8px; height: 40px; margin-left: 5px"
:placeholder="[' 开始时间', ' 结束时间']"
@change="rankTimeChange"
/>
</div> </div>
</div> </div>
</div> </div>
@@ -72,40 +56,20 @@
</div> </div>
<div class="tmpl_body"> <div class="tmpl_body">
<div class="tmpl_tabbox"> <div class="tmpl_tabbox">
<a-table <a-table :columns="columns1" :data-source="tableData1" :loading="tableDataTotal === -1 ? true : false"
:columns="columns1" expandRowByClick="true" @expand="expandTable" :pagination="false" :scroll="{ x: 1300 }" />
:data-source="tableData1"
:loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true"
@expand="expandTable"
:pagination="false"
:scroll="{ x: 1300 }"
/>
</div> </div>
<div class="tableBox"> <div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination v-if="total > 10" showSizeChanger="true" show-quick-jumper :pageSize="pageSize"
v-if="total > 10" v-model:current="currentPage" :total="total" class="pagination" @change="changePagination" />
showSizeChanger="true"
show-quick-jumper
:pageSize="pageSize"
v-model:current="currentPage"
:total="total"
class="pagination"
@change="changePagination"
/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- 审核项目页面 --> <!-- 审核项目页面 -->
<project-audit <project-audit v-model:ProjAuditvisible="ProjAuditvisible" v-model:chooseProject="chooseProject"
v-model:ProjAuditvisible="ProjAuditvisible" v-model:chooseCreateId="chooseCreateId" v-model:chooseCreater="chooseCreater" v-model:finishdFun="getProjList" />
v-model:chooseProject="chooseProject"
v-model:chooseCreateId="chooseCreateId"
v-model:chooseCreater="chooseCreater"
v-model:finishdFun="getProjList"
/>
</div> </div>
</template> </template>
<script> <script>
@@ -221,7 +185,7 @@ export default {
}; };
const getProjList = () => { const getProjList = () => {
let objn = { let objn = {
beginTime: state.valueDate == undefined ? "" : Date.parse(state.valueDate[0]) , beginTime: state.valueDate == undefined ? "" : Date.parse(state.valueDate[0]),
createName: state.valuecreater, createName: state.valuecreater,
endTime: state.valueDate == undefined ? "" : Date.parse(state.valueDate[1]), endTime: state.valueDate == undefined ? "" : Date.parse(state.valueDate[1]),
manager: state.valuename, manager: state.valuename,
@@ -244,10 +208,10 @@ export default {
const setProjList = (tableData) => { const setProjList = (tableData) => {
let data = tableData; let data = tableData;
let array = []; let array = [];
data.map((item,index) => { data.map((item, index) => {
if(item.type == 3){ if (item.type == 3) {
let obj = { let obj = {
key:index+1, key: index + 1,
number: item.projectId, number: item.projectId,
name: item.name, name: item.name,
belong: item.parentId, belong: item.parentId,
@@ -275,7 +239,7 @@ export default {
array.push(obj); array.push(obj);
} else { } else {
let obj = { let obj = {
key:index+1, key: index + 1,
number: item.projectId, number: item.projectId,
name: item.name, name: item.name,
belong: item.parentId, belong: item.parentId,
@@ -299,7 +263,7 @@ export default {
time: toDate(item.createTime, "Y-M-D h-m"), time: toDate(item.createTime, "Y-M-D h-m"),
projectId: item.projectId, projectId: item.projectId,
createId: item.createId, createId: item.createId,
children: item.subList ? setProjList(item.subList) : [] , children: item.subList ? setProjList(item.subList) : [],
}; };
array.push(obj); array.push(obj);
} }
@@ -335,8 +299,10 @@ export default {
<style lang="scss"> <style lang="scss">
.projectviewedn { .projectviewedn {
width: 100%; width: 100%;
.tmpl { .tmpl {
width: 100%; width: 100%;
.tmpl_header { .tmpl_header {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -345,33 +311,39 @@ export default {
margin-left: 32px; margin-left: 32px;
margin-right: 32px; margin-right: 32px;
.tmplh_inp { .tmplh_inp {
.inpbox { .inpbox {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 42px; margin-top: 42px;
.inpbox1 { .inpbox1 {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-right: 24px; margin-right: 24px;
margin-top: 10px; margin-top: 10px;
.ant-select-selector { .ant-select-selector {
border-radius: 8px; border-radius: 8px;
width: 270px; width: 270px;
height: 40px; height: 40px;
padding-top: 5px; padding-top: 5px;
} }
span { span {
white-space: nowrap; white-space: nowrap;
} }
} }
} }
} }
.tmplh_btn { .tmplh_btn {
display: flex; display: flex;
// margin-left: 38px; // margin-left: 38px;
margin-top: 32px; margin-top: 32px;
.btn { .btn {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
@@ -382,72 +354,90 @@ export default {
margin-right: 14px; margin-right: 14px;
cursor: pointer; cursor: pointer;
flex-shrink: 0; flex-shrink: 0;
.search { .search {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
line-height: 36px; line-height: 36px;
margin-left: 5px; margin-left: 5px;
} }
.btnText1 { .btnText1 {
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }
.btnText2 { .btnText2 {
color: rgba(64, 158, 255, 1); color: rgba(64, 158, 255, 1);
} }
} }
.btn1 { .btn1 {
background: #409eff; background: #409eff;
.search { .search {
width: 15px; width: 15px;
height: 17px; height: 17px;
background-image: url("../../assets/images/courseManage/search0.png"); background-image: url("../../assets/images/courseManage/search0.png");
} }
} }
.btn2 { .btn2 {
background: #ffffff; background: #ffffff;
border: 1px solid #388be1; border: 1px solid #388be1;
.search { .search {
width: 16px; width: 16px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png"); background-image: url("../../assets/images/courseManage/reset1.png");
} }
} }
.btn1:hover { .btn1:hover {
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
border: 1px solid #388be1; border: 1px solid #388be1;
.search { .search {
background-image: url("../../assets/images/courseManage/search1.png"); background-image: url("../../assets/images/courseManage/search1.png");
} }
.btnText { .btnText {
color: rgba(64, 158, 255, 1); color: rgba(64, 158, 255, 1);
} }
} }
.btn2:hover { .btn2:hover {
background: rgba(64, 158, 255, 1); background: rgba(64, 158, 255, 1);
.search { .search {
background-image: url("../../assets/images/courseManage/reset0.png"); background-image: url("../../assets/images/courseManage/reset0.png");
} }
.btnText { .btnText {
color: #ffffff; color: #ffffff;
} }
} }
} }
} }
.tmpl_body { .tmpl_body {
padding: 0px 30px; padding: 0px 30px;
.tmpl_tabbox { .tmpl_tabbox {
.operation { .operation {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #4ea6ff; color: #4ea6ff;
.nselect { .nselect {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
display: flex; display: flex;
.jc { .jc {
margin-left: 20px; margin-left: 20px;
white-space: nowrap; white-space: nowrap;
@@ -456,6 +446,7 @@ export default {
} }
} }
} }
.pa { .pa {
width: 100%; width: 100%;
margin-top: 20px; margin-top: 20px;