mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-18 23:36:46 +08:00
评估接口+课程部分
This commit is contained in:
kclf
@@ -5,33 +5,40 @@
|
||||
<div class="header">
|
||||
<div style="width: 100%">
|
||||
<div class="export">
|
||||
<img src="../../assets/images/research/export.png"/>
|
||||
<span style="color: #4EA6FF;font-size: 14px;margin-left:3px">导出信息</span>
|
||||
<img src="../../assets/images/research/export.png" />
|
||||
<span style="color: #4ea6ff; font-size: 14px; margin-left: 3px">
|
||||
导出信息
|
||||
</span>
|
||||
</div>
|
||||
<router-link to="/researchmanage" class="goback"><span class="return"></span><router-link class="returntext" to="/researchmanage">返回</router-link></router-link>
|
||||
</div>
|
||||
<router-link to="/researchmanage" class="goback">
|
||||
<span class="return"></span>
|
||||
<router-link class="returntext" to="/researchmanage">
|
||||
返回
|
||||
</router-link>
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="text">评估管理</div>
|
||||
</div>
|
||||
<div class="message">
|
||||
<div class="title">基本信息</div>
|
||||
<div class="messagebox">
|
||||
<div style="width: 186px;margin-right: 126px;float: left">
|
||||
<div style="width: 186px; margin-right: 126px; float: left">
|
||||
<span class="name">评估名称:</span>
|
||||
<span class="descript">课程评估</span>
|
||||
</div>
|
||||
<div style="width: 103px;margin-right: 126px;float:left">
|
||||
<div style="width: 103px; margin-right: 126px; float: left">
|
||||
<span class="name">创建人:</span>
|
||||
<span class="descript">管理员</span>
|
||||
</div>
|
||||
<div style="width: 88px;margin-right: 126px;float:left">
|
||||
<div style="width: 88px; margin-right: 126px; float: left">
|
||||
<span class="name">状态:</span>
|
||||
<span class="descript">已发布</span>
|
||||
</div>
|
||||
<div style="width: 192px;margin-right: 126px;float:left">
|
||||
<div style="width: 192px; margin-right: 126px; float: left">
|
||||
<span class="name">创建时间:</span>
|
||||
<span class="descript">2022-07-22 9:30</span>
|
||||
</div>
|
||||
<div style="width: 192px;margin-right: 126px;float:left">
|
||||
<div style="width: 192px; margin-right: 126px; float: left">
|
||||
<span class="name">发布时间:</span>
|
||||
<span class="descript">2022-07-22 9:30</span>
|
||||
</div>
|
||||
@@ -51,7 +58,7 @@
|
||||
:data-source="dataSource"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
expandRowByClick="true"
|
||||
:scroll="{ x: 1500}"
|
||||
:scroll="{ x: 1500 }"
|
||||
@expand="expandTable"
|
||||
:pagination="false"
|
||||
/>
|
||||
@@ -64,124 +71,131 @@
|
||||
|
||||
<script>
|
||||
import ViewAssess from "../../components/drawers/ViewAssess";
|
||||
import { reactive, toRefs} from "vue";
|
||||
import { reactive, toRefs } from "vue";
|
||||
import { queryAssessmentDetailList } from "@/api/indexResearch";
|
||||
import { useRouter } from "vue-router";
|
||||
export default {
|
||||
name: "ManagePage",
|
||||
components: { ViewAssess },
|
||||
setup() {
|
||||
const state = reactive ({
|
||||
Assessvisible: false,
|
||||
const router = useRouter();
|
||||
const getInfoDate = async () => {
|
||||
let res = await queryAssessmentDetailList({
|
||||
assessmentId: router.currentRoute.value.params.id,
|
||||
});
|
||||
const showassess = () => {
|
||||
state.Assessvisible = true;
|
||||
};
|
||||
return {
|
||||
...toRefs(state),
|
||||
dataSource: [
|
||||
{
|
||||
key: '1',
|
||||
name: '张三',
|
||||
department: '产品部',
|
||||
post:'产品经理',
|
||||
project:'产品经理进阶-腾飞班1',
|
||||
learning:'产品经理学习路径',
|
||||
submit:'2022-07-22 9:30',
|
||||
|
||||
},
|
||||
{
|
||||
key: '2',
|
||||
name: '李四',
|
||||
department: '产品部',
|
||||
post:'产品经理',
|
||||
project:'产品经理进阶-腾飞班1',
|
||||
learning:'高级产品经理学习路径',
|
||||
submit:'2022-07-22 9:30',
|
||||
|
||||
},
|
||||
{
|
||||
key: '3',
|
||||
name: '王五',
|
||||
department: '产品部',
|
||||
post:'产品经理',
|
||||
project:'产品经理进阶-腾飞班1',
|
||||
learning:'-',
|
||||
submit:'2022-07-22 9:30',
|
||||
|
||||
},
|
||||
{
|
||||
key: '4',
|
||||
name: '赵六',
|
||||
department: '产品部',
|
||||
post:'产品经理',
|
||||
project:'产品经理进阶-腾飞班1',
|
||||
learning:'HR学习路径',
|
||||
submit:'2022-07-22 9:30',
|
||||
|
||||
},
|
||||
],
|
||||
console.log(res);
|
||||
};
|
||||
getInfoDate();
|
||||
|
||||
columns: [
|
||||
{
|
||||
title: '姓名',
|
||||
width: 40,
|
||||
dataIndex: 'name',
|
||||
key: 'name',
|
||||
},
|
||||
{
|
||||
title: '部门',
|
||||
width: 50,
|
||||
dataIndex: 'department',
|
||||
key: 'department',
|
||||
},
|
||||
{
|
||||
width: 50,
|
||||
title: '岗位',
|
||||
dataIndex: 'post',
|
||||
key: 'post',
|
||||
},
|
||||
{
|
||||
title: '项目',
|
||||
width: 50,
|
||||
dataIndex: 'project',
|
||||
key: 'project',
|
||||
},
|
||||
{
|
||||
title: '学习路径',
|
||||
width: 50,
|
||||
dataIndex: 'learning',
|
||||
key: 'learning',
|
||||
},
|
||||
{
|
||||
title: '提交时间',
|
||||
width: 50,
|
||||
dataIndex: 'submit',
|
||||
key: 'submit',
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
width: 50,
|
||||
dataIndex: 'opacation',
|
||||
key: 'opacation',
|
||||
scopedSlots: { customRender: "action" }, //引入的插槽
|
||||
customRender: () => {
|
||||
return (
|
||||
<div class="opacationn">
|
||||
<span
|
||||
onClick={() => {
|
||||
showassess();
|
||||
}}
|
||||
style="cursor:pointer"
|
||||
>
|
||||
查看
|
||||
</span>
|
||||
</div>
|
||||
const state = reactive({
|
||||
Assessvisible: false,
|
||||
});
|
||||
const showassess = () => {
|
||||
state.Assessvisible = true;
|
||||
};
|
||||
return {
|
||||
...toRefs(state),
|
||||
dataSource: [
|
||||
{
|
||||
key: "1",
|
||||
name: "张三",
|
||||
department: "产品部",
|
||||
post: "产品经理",
|
||||
project: "产品经理进阶-腾飞班1",
|
||||
learning: "产品经理学习路径",
|
||||
submit: "2022-07-22 9:30",
|
||||
},
|
||||
{
|
||||
key: "2",
|
||||
name: "李四",
|
||||
department: "产品部",
|
||||
post: "产品经理",
|
||||
project: "产品经理进阶-腾飞班1",
|
||||
learning: "高级产品经理学习路径",
|
||||
submit: "2022-07-22 9:30",
|
||||
},
|
||||
{
|
||||
key: "3",
|
||||
name: "王五",
|
||||
department: "产品部",
|
||||
post: "产品经理",
|
||||
project: "产品经理进阶-腾飞班1",
|
||||
learning: "-",
|
||||
submit: "2022-07-22 9:30",
|
||||
},
|
||||
{
|
||||
key: "4",
|
||||
name: "赵六",
|
||||
department: "产品部",
|
||||
post: "产品经理",
|
||||
project: "产品经理进阶-腾飞班1",
|
||||
learning: "HR学习路径",
|
||||
submit: "2022-07-22 9:30",
|
||||
},
|
||||
],
|
||||
|
||||
columns: [
|
||||
{
|
||||
title: "姓名",
|
||||
width: 40,
|
||||
dataIndex: "name",
|
||||
key: "name",
|
||||
},
|
||||
{
|
||||
title: "部门",
|
||||
width: 50,
|
||||
dataIndex: "department",
|
||||
key: "department",
|
||||
},
|
||||
{
|
||||
width: 50,
|
||||
title: "岗位",
|
||||
dataIndex: "post",
|
||||
key: "post",
|
||||
},
|
||||
{
|
||||
title: "项目",
|
||||
width: 50,
|
||||
dataIndex: "project",
|
||||
key: "project",
|
||||
},
|
||||
{
|
||||
title: "学习路径",
|
||||
width: 50,
|
||||
dataIndex: "learning",
|
||||
key: "learning",
|
||||
},
|
||||
{
|
||||
title: "提交时间",
|
||||
width: 50,
|
||||
dataIndex: "submit",
|
||||
key: "submit",
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
width: 50,
|
||||
dataIndex: "opacation",
|
||||
key: "opacation",
|
||||
scopedSlots: { customRender: "action" }, //引入的插槽
|
||||
customRender: () => {
|
||||
return (
|
||||
<div class="opacationn">
|
||||
<span
|
||||
onClick={() => {
|
||||
showassess();
|
||||
}}
|
||||
style="cursor:pointer"
|
||||
>
|
||||
查看
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
],
|
||||
showassess,
|
||||
};
|
||||
},
|
||||
},
|
||||
],
|
||||
showassess,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -199,7 +213,7 @@ export default {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-bottom: 1px solid #F2F6FC;
|
||||
border-bottom: 1px solid #f2f6fc;
|
||||
.text {
|
||||
font-size: 16px;
|
||||
color: #363636;
|
||||
@@ -211,33 +225,33 @@ export default {
|
||||
float: left;
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
border: 1px solid #4EA6FF;
|
||||
border: 1px solid #4ea6ff;
|
||||
border-radius: 8px;
|
||||
margin-top: 29px;
|
||||
margin-left: 38px;
|
||||
text-align: center;
|
||||
padding-top: 7px;
|
||||
}
|
||||
.goback {
|
||||
float: right;
|
||||
padding-right: 70px;
|
||||
//padding-top: 37px;
|
||||
position: relative;
|
||||
.return {
|
||||
display: inline-block;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
margin-top: 17px;
|
||||
margin-right: 10px;
|
||||
background-image: url("../../assets/images/projectadd/return.png");
|
||||
}
|
||||
.returntext {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 27px;
|
||||
color: #4EA6FF;
|
||||
font-size: 14px;
|
||||
}
|
||||
.goback {
|
||||
float: right;
|
||||
padding-right: 70px;
|
||||
//padding-top: 37px;
|
||||
position: relative;
|
||||
.return {
|
||||
display: inline-block;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
margin-top: 17px;
|
||||
margin-right: 10px;
|
||||
background-image: url("../../assets/images/projectadd/return.png");
|
||||
}
|
||||
.returntext {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 27px;
|
||||
color: #4ea6ff;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.message {
|
||||
@@ -245,7 +259,7 @@ export default {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.title {
|
||||
color: #4F5156;
|
||||
color: #4f5156;
|
||||
font-size: 14px;
|
||||
margin-left: 38px;
|
||||
margin-top: 20px;
|
||||
@@ -258,13 +272,12 @@ export default {
|
||||
margin-left: 38px;
|
||||
margin-bottom: 20px;
|
||||
.name {
|
||||
color: #999BA3;
|
||||
color: #999ba3;
|
||||
font-size: 14px;
|
||||
}
|
||||
.descript {
|
||||
color: #4F5156;
|
||||
font-size:14px;
|
||||
|
||||
color: #4f5156;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -279,15 +292,15 @@ export default {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.tableBox {
|
||||
margin: 20px 38px 30px ;
|
||||
margin: 20px 38px 30px;
|
||||
.opacationn {
|
||||
color: #4EA6FF;
|
||||
color: #4ea6ff;
|
||||
cursor: pointer;
|
||||
}
|
||||
th.ant-table-cell {
|
||||
background-color:#EFF4FC !important;
|
||||
background-color: #eff4fc !important;
|
||||
text-align: center;
|
||||
color: #999BA3;
|
||||
color: #999ba3;
|
||||
}
|
||||
td.ant-table-cell {
|
||||
text-align: center;
|
||||
|
||||
Reference in New Issue
Block a user