mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-12 12:26:47 +08:00
Merge branch 'develop' of ssh://gitlab.dongwu-inc.com:10022/BOE/fe-manage into develop
This commit is contained in:
@@ -1,4 +1,6 @@
|
|||||||
// export const USER_LIST = '/userbasic/user/list post'
|
//学员列表带分页
|
||||||
|
export const USER_LIST_PAGE = '/userbasic/user/list post'
|
||||||
|
//学员列表 没有分页数据 只能通过名称检索 速度较快
|
||||||
export const USER_LIST = '/userbasic/user/searchList post'
|
export const USER_LIST = '/userbasic/user/searchList post'
|
||||||
export const ORG_LIST = '/userbasic/org/list post'
|
export const ORG_LIST = '/userbasic/org/list post'
|
||||||
export const ORG_CHILD_LIST = '/userbasic/org/info post'
|
export const ORG_CHILD_LIST = '/userbasic/org/info post'
|
||||||
|
|||||||
@@ -80,6 +80,7 @@ export const delStudent = (obj) =>
|
|||||||
|
|
||||||
// 获取学员路径图进度明细
|
// 获取学员路径图进度明细
|
||||||
export const stuProgress = (params) => http.get('/admin/router/detail', { params });
|
export const stuProgress = (params) => http.get('/admin/router/detail', { params });
|
||||||
|
export const stuRouterProgress = (params) => http.get('/admin/router/stuDetail', { params });
|
||||||
// export const stuProgress = (obj) =>http.post("/admin/router/studentProcess", obj);
|
// export const stuProgress = (obj) =>http.post("/admin/router/studentProcess", obj);
|
||||||
|
|
||||||
//编辑学习路径基本信息
|
//编辑学习路径基本信息
|
||||||
|
|||||||
@@ -27,7 +27,9 @@ export const removeGroupStudent = (obj) => http.post('/admin/project/removeGroup
|
|||||||
//查看学员
|
//查看学员
|
||||||
// export const studentProcess = (obj) => http.get('/admin/project/studentProcess', { params: obj })
|
// export const studentProcess = (obj) => http.get('/admin/project/studentProcess', { params: obj })
|
||||||
export const studentProcess = (obj) => http.get('/admin/project/detail', { params: obj })
|
export const studentProcess = (obj) => http.get('/admin/project/detail', { params: obj })
|
||||||
export const studentRank = (obj) => http.get('/admin/project/studentRank', { params: obj })
|
export const projectStudentProcess = (obj) => http.get('/admin/project/stuDetail', { params: obj })
|
||||||
|
export const projectStudentRank = (obj) => http.get('/admin/project/studentRank', { params: obj })
|
||||||
|
export const routerStudentRank = (obj) => http.get('/admin/router/studentRank', { params: obj })
|
||||||
|
|
||||||
//是否优秀学员
|
//是否优秀学员
|
||||||
export const topStudent = (obj) => http.post('/admin/project/topStudent', obj)
|
export const topStudent = (obj) => http.post('/admin/project/topStudent', obj)
|
||||||
|
|||||||
@@ -430,6 +430,20 @@ export default {
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
if (
|
||||||
|
n.indexOf("/sonproject") !== -1 ||
|
||||||
|
n.indexOf("/SonProject") !== -1
|
||||||
|
) {
|
||||||
|
state.list = [
|
||||||
|
{
|
||||||
|
name: "项目",
|
||||||
|
href: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "基础信息",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
70
src/components/common/CommonAlert.vue
Normal file
70
src/components/common/CommonAlert.vue
Normal file
@@ -0,0 +1,70 @@
|
|||||||
|
<template>
|
||||||
|
<a-modal
|
||||||
|
:visible="true"
|
||||||
|
:footer="null"
|
||||||
|
:closable="false"
|
||||||
|
wrapClassName="DelModal"
|
||||||
|
style="margin-top: 400px"
|
||||||
|
:zIndex="9999"
|
||||||
|
@cancel="close"
|
||||||
|
>
|
||||||
|
<div class="delete">
|
||||||
|
<div class="del_header"></div>
|
||||||
|
<div class="del_main">
|
||||||
|
<div class="header">
|
||||||
|
<div class="del-icons">
|
||||||
|
<img :src="types[type]" alt=""/>
|
||||||
|
</div>
|
||||||
|
<span>提示</span>
|
||||||
|
</div>
|
||||||
|
<div class="body">
|
||||||
|
<div><span>{{ content }}</span></div>
|
||||||
|
</div>
|
||||||
|
<div class="del_btnbox">
|
||||||
|
<div class="del_btn btn1" @click="close">
|
||||||
|
<div class="btnText">取消</div>
|
||||||
|
</div>
|
||||||
|
<div class="del_btn btn2" @click="handleConfirm">
|
||||||
|
<div class="btnText">确定</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a-modal>
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import notide from '@/assets/images/coursewareManage/notice.png'
|
||||||
|
import infoPng from '@/assets/images/coursewareManage/QR.png'
|
||||||
|
import {defineProps, ref} from "vue";
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
close: {
|
||||||
|
type: Function,
|
||||||
|
default: () => ({})
|
||||||
|
},
|
||||||
|
ok: {
|
||||||
|
type: Function,
|
||||||
|
default: () => ({})
|
||||||
|
},
|
||||||
|
content: String,
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: '提示'
|
||||||
|
},
|
||||||
|
type: {
|
||||||
|
type: Number,
|
||||||
|
default: 1
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const types = {
|
||||||
|
1: infoPng,
|
||||||
|
2: notide
|
||||||
|
}
|
||||||
|
const type = ref(1)
|
||||||
|
|
||||||
|
function handleConfirm() {
|
||||||
|
props.ok()
|
||||||
|
props.close()
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
@@ -406,8 +406,8 @@ const beforeUpload = (file) => {
|
|||||||
message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
|
message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
let isLt1M = file.size < 2097152;
|
let isLt1M = file.size < 2000000;
|
||||||
console.log(file.size, isLt1M)
|
console.log(file.size, isLt1M)
|
||||||
if (!isLt1M) {
|
if (!isLt1M) {
|
||||||
message.error("图片大小超过2MB!");
|
message.error("图片大小超过2MB!");
|
||||||
|
|||||||
@@ -3,20 +3,20 @@
|
|||||||
<slot></slot>
|
<slot></slot>
|
||||||
</div>
|
</div>
|
||||||
<a-drawer
|
<a-drawer
|
||||||
:visible="visible"
|
:visible="visible"
|
||||||
class="drawerStyle addonlineDrawer"
|
class="drawerStyle addonlineDrawer"
|
||||||
width="1000"
|
width="1000"
|
||||||
title="添加在线"
|
title="添加在线"
|
||||||
placement="right"
|
placement="right"
|
||||||
>
|
>
|
||||||
<div class="drawerMain">
|
<div class="drawerMain">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div v-if="taskIndex>=0" class="headerTitle">编辑项目</div>
|
<div v-if="taskIndex >= 0" class="headerTitle">编辑项目</div>
|
||||||
<div v-else class="headerTitle">添加项目</div>
|
<div v-else class="headerTitle">添加项目</div>
|
||||||
<img
|
<img
|
||||||
style="width: 29px; height: 29px; cursor: pointer"
|
style="width: 29px; height: 29px; cursor: pointer"
|
||||||
src="../../assets/images/basicinfo/close.png"
|
src="../../assets/images/basicinfo/close.png"
|
||||||
@click="closeDrawer"
|
@click="closeDrawer"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentMain">
|
<div class="contentMain">
|
||||||
@@ -26,10 +26,10 @@
|
|||||||
<div class="ipt_name"></div>
|
<div class="ipt_name"></div>
|
||||||
<div class="fi_input">
|
<div class="fi_input">
|
||||||
<a-input
|
<a-input
|
||||||
v-model:value="params.name"
|
v-model:value="params.name"
|
||||||
style="width: 210px; height: 40px; border-radius: 8px"
|
style="width: 210px; height: 40px; border-radius: 8px"
|
||||||
placeholder="请输入项目名称"
|
placeholder="请输入项目名称"
|
||||||
maxlength="20"
|
maxlength="20"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -37,10 +37,10 @@
|
|||||||
<div class="ipt_name"></div>
|
<div class="ipt_name"></div>
|
||||||
<div class="fi_input">
|
<div class="fi_input">
|
||||||
<a-input
|
<a-input
|
||||||
v-model:value="params.manager"
|
v-model:value="params.manager"
|
||||||
style="width: 210px; height: 40px; border-radius: 8px"
|
style="width: 210px; height: 40px; border-radius: 8px"
|
||||||
placeholder="请输入项目经理"
|
placeholder="请输入项目经理"
|
||||||
maxlength="20"
|
maxlength="20"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -48,10 +48,10 @@
|
|||||||
<div class="ipt_name"></div>
|
<div class="ipt_name"></div>
|
||||||
<div class="fi_input">
|
<div class="fi_input">
|
||||||
<a-input
|
<a-input
|
||||||
v-model:value="params.createName"
|
v-model:value="params.createName"
|
||||||
style="width: 210px; height: 40px; border-radius: 8px"
|
style="width: 210px; height: 40px; border-radius: 8px"
|
||||||
placeholder="请输入创建人"
|
placeholder="请输入创建人"
|
||||||
maxlength="20"
|
maxlength="20"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -65,63 +65,56 @@
|
|||||||
<div class="search"></div>
|
<div class="search"></div>
|
||||||
<div class="btnText">重置</div>
|
<div class="btnText">重置</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="btn btn2" @click="reset">
|
||||||
|
<div class="search"></div>
|
||||||
|
<div class="btnText">刷新</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="main_item" style="margin-top: 16px;margin-bottom: 32px;">
|
<div class="main_item" style="margin-top: 16px; margin-bottom: 32px">
|
||||||
<button class="xkbtn" @click="goProjectmanage">
|
<button class="xkbtn" @click="goProjectmanage">新建项目</button>
|
||||||
新建项目
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="main_notice" v-if="edit" style="display:none;">
|
<div class="main_notice" v-if="taskIndex >= 0">
|
||||||
<div class="mntc_left">
|
<div class="mntc_left" v-if="selectedRows">
|
||||||
<div class="notice_icon"></div>
|
<div class="notice_icon"></div>
|
||||||
<div v-if="selectedRows.length == 0">
|
<div>
|
||||||
<span class="title"
|
|
||||||
>已选择
|
|
||||||
<span class="data" style="color: #4ea6ff">{{ 0 }}</span>
|
|
||||||
条</span
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div v-else>
|
|
||||||
<div>
|
<div>
|
||||||
<span class="title"
|
<span class="title"
|
||||||
>已选择
|
>已选择
|
||||||
<span class="data" style="color: #4ea6ff">{{
|
<span class="data" style="color: #4ea6ff">{{ 1 }}</span>
|
||||||
selectedRows.length
|
|
||||||
}}</span>
|
|
||||||
条 </span
|
条 </span
|
||||||
>
|
>
|
||||||
<span class="title"
|
<span class="title"
|
||||||
>名称:
|
>名称:
|
||||||
<span
|
<span
|
||||||
class="data"
|
class="data"
|
||||||
style="color: #4ea6ff; margin-right: 15px"
|
style="color: #4ea6ff; margin-right: 15px"
|
||||||
>{{ selectedRows[0].name }}</span
|
>{{ selectedRows?.name }}</span
|
||||||
>
|
>
|
||||||
</span>
|
</span>
|
||||||
<span class="title"
|
<span class="title"
|
||||||
>项目经理:
|
>项目经理:
|
||||||
<span
|
<span
|
||||||
class="data"
|
class="data"
|
||||||
style="color: #4ea6ff; margin-right: 15px"
|
style="color: #4ea6ff; margin-right: 15px"
|
||||||
>{{ selectedRows[0].manager }}</span
|
>{{ selectedRows?.manager }}</span
|
||||||
>
|
>
|
||||||
</span>
|
</span>
|
||||||
<span class="title"
|
<span class="title"
|
||||||
>创建人:
|
>创建人:
|
||||||
<span
|
<span
|
||||||
class="data"
|
class="data"
|
||||||
style="color: #4ea6ff; margin-right: 15px"
|
style="color: #4ea6ff; margin-right: 15px"
|
||||||
>{{ selectedRows[0].creater }}</span
|
>{{ selectedRows?.createName }}</span
|
||||||
>
|
>
|
||||||
</span>
|
</span>
|
||||||
<span class="title"
|
<span class="title"
|
||||||
>创建时间:
|
>创建时间:
|
||||||
<span class="data" style="color: #4ea6ff">{{
|
<span class="data" style="color: #4ea6ff">{{
|
||||||
selectedRows[0].time
|
selectedRows?.createTime
|
||||||
}}</span>
|
}}</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -130,15 +123,17 @@
|
|||||||
<div class="main_table">
|
<div class="main_table">
|
||||||
<div class="drawerbox">
|
<div class="drawerbox">
|
||||||
<a-table
|
<a-table
|
||||||
:customRow="customRow"
|
:customRow="customRow"
|
||||||
class="ant-table-striped"
|
class="ant-table-striped"
|
||||||
:row-class-name="(_, index) => (index % 2 === 1 ? 'table-striped' : null)"
|
:row-class-name="
|
||||||
row-key="id"
|
(_, index) => (index % 2 === 1 ? 'table-striped' : null)
|
||||||
:columns="columns"
|
"
|
||||||
:data-source="data"
|
row-key="id"
|
||||||
:loading="loading"
|
:columns="columns"
|
||||||
:pagination="pagination"
|
:data-source="data"
|
||||||
:row-selection="rowSelection"
|
:loading="loading"
|
||||||
|
:pagination="pagination"
|
||||||
|
:row-selection="rowSelection"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -150,10 +145,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 有重复添加的项目时的弹窗 -->
|
<!-- 有重复添加的项目时的弹窗 -->
|
||||||
<a-modal
|
<a-modal
|
||||||
v-model:visible="sameModal"
|
v-model:visible="sameModal"
|
||||||
:footer="null"
|
:footer="null"
|
||||||
wrapClassName="sameModal"
|
wrapClassName="sameModal"
|
||||||
centered="true"
|
centered="true"
|
||||||
>
|
>
|
||||||
<div class="delete">
|
<div class="delete">
|
||||||
<div class="del_header"></div>
|
<div class="del_header"></div>
|
||||||
@@ -180,28 +175,45 @@
|
|||||||
</a-drawer>
|
</a-drawer>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import {computed, defineEmits, defineProps, ref, watch} from "vue";
|
import { computed, defineEmits, defineProps, ref, watch } from "vue";
|
||||||
import {message} from "ant-design-vue";
|
import { message } from "ant-design-vue";
|
||||||
import {useRouter} from "vue-router";
|
// import { useRouter } from "vue-router";
|
||||||
import {useRowsPage} from "@/api/request";
|
import { useRowsPage } from "@/api/request";
|
||||||
import {PROJECT_AUDIT_PAGE} from "@/api/apis";
|
import { PROJECT_AUDIT_PAGE } from "@/api/apis";
|
||||||
|
import { getProjectDetail } from "@/api/index";
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
type: Number,
|
type: Number,
|
||||||
taskList: []
|
taskList: [],
|
||||||
})
|
});
|
||||||
const visible = ref(false)
|
const visible = ref(false);
|
||||||
const sameModal = ref(false)
|
const sameModal = ref(false);
|
||||||
const emit = defineEmits({})
|
const emit = defineEmits({});
|
||||||
|
|
||||||
const columns = ref([
|
const columns = ref([
|
||||||
{
|
{
|
||||||
title: "项目名称",
|
title: "项目名称",
|
||||||
dataIndex: "name",
|
dataIndex: "name",
|
||||||
key: "projectName",
|
key: "projectName",
|
||||||
width: "40%",
|
width: "20%",
|
||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: "所属项目",
|
||||||
|
dataIndex: "topName",
|
||||||
|
key: "topName",
|
||||||
|
width: "20%",
|
||||||
|
ellipsis: true,
|
||||||
|
customRender: ({ record: { gaName, faName, name } }) => (
|
||||||
|
<div title={faName ? gaName !== null ? gaName + "/" + faName : faName : name}>
|
||||||
|
{
|
||||||
|
faName ? gaName !== null
|
||||||
|
? (gaName + "/" + faName).length > 16 ? (gaName + "/" + faName).slice(0, 16) + '...' : (gaName + "/" + faName)
|
||||||
|
: faName.length > 16 ? faName.slice(0, 16) + '...' : faName
|
||||||
|
: name.length > 16 ? name.slice(0, 16) + '...' : name
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: "项目经理",
|
title: "项目经理",
|
||||||
dataIndex: "manager",
|
dataIndex: "manager",
|
||||||
@@ -223,38 +235,42 @@ const columns = ref([
|
|||||||
width: "20%",
|
width: "20%",
|
||||||
align: "center",
|
align: "center",
|
||||||
},
|
},
|
||||||
])
|
]);
|
||||||
const initParams = {
|
const initParams = {
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
orderAsc: true
|
orderAsc: true,
|
||||||
}
|
};
|
||||||
const params = ref(initParams)
|
const params = ref(initParams);
|
||||||
const router = useRouter();
|
// const router = useRouter();
|
||||||
const rowSelectKeys = ref([]);
|
const rowSelectKeys = ref([]);
|
||||||
const selectsData = ref([]);
|
const selectsData = ref([]);
|
||||||
const taskIndex = ref(-1);
|
const taskIndex = ref(-1);
|
||||||
|
|
||||||
const {data, loading, total, fetch} = useRowsPage(PROJECT_AUDIT_PAGE, params.value, {
|
const { data, loading, total, fetch } = useRowsPage(
|
||||||
init: false,
|
PROJECT_AUDIT_PAGE,
|
||||||
result: res => res.result.list,
|
params.value,
|
||||||
totalPage: res => res.result.totalPages,
|
{
|
||||||
total: res => res.result.count
|
init: false,
|
||||||
})
|
result: (res) => res.result.list,
|
||||||
|
totalPage: (res) => res.result.totalPages,
|
||||||
|
total: (res) => res.result.count,
|
||||||
|
}
|
||||||
|
);
|
||||||
|
console.log(data)
|
||||||
watch(taskIndex, () => {
|
watch(taskIndex, () => {
|
||||||
// if (taskIndex.value >= 0) {
|
// if (taskIndex.value >= 0) {
|
||||||
// rowSelectKeys.value = [props.taskList[taskIndex.value].courseId]
|
// rowSelectKeys.value = [props.taskList[taskIndex.value].courseId]
|
||||||
// selectsData.value = data.value.find(t => t.id === props.taskList[taskIndex.value].courseId) || {}
|
// selectsData.value = data.value.find(t => t.id === props.taskList[taskIndex.value].courseId) || {}
|
||||||
// }
|
// }
|
||||||
})
|
});
|
||||||
|
|
||||||
const customRow = (record) => ({
|
const customRow = (record) => ({
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
rowSelectKeys.value = [record.id]
|
rowSelectKeys.value = [record.id];
|
||||||
selectsData.value = [record]
|
selectsData.value = [record];
|
||||||
}
|
},
|
||||||
})
|
});
|
||||||
|
|
||||||
const pagination = computed(() => ({
|
const pagination = computed(() => ({
|
||||||
total: total.value,
|
total: total.value,
|
||||||
@@ -266,10 +282,10 @@ const pagination = computed(() => ({
|
|||||||
|
|
||||||
const changePagination = (e) => {
|
const changePagination = (e) => {
|
||||||
params.value.pageNo = e;
|
params.value.pageNo = e;
|
||||||
fetch()
|
fetch();
|
||||||
};
|
};
|
||||||
const rowSelection = computed(() => ({
|
const rowSelection = computed(() => ({
|
||||||
type: 'radio',
|
type: "radio",
|
||||||
columnWidth: 20,
|
columnWidth: 20,
|
||||||
selectedRowKeys: rowSelectKeys.value,
|
selectedRowKeys: rowSelectKeys.value,
|
||||||
onChange: onSelectChange,
|
onChange: onSelectChange,
|
||||||
@@ -279,73 +295,90 @@ const rowSelection = computed(() => ({
|
|||||||
function onSelectChange(e, l) {
|
function onSelectChange(e, l) {
|
||||||
rowSelectKeys.value = e;
|
rowSelectKeys.value = e;
|
||||||
selectsData.value = l;
|
selectsData.value = l;
|
||||||
|
selectedRows.value = l[0];
|
||||||
|
console.log("selectedRows", selectedRows);
|
||||||
}
|
}
|
||||||
|
|
||||||
function search() {
|
function search() {
|
||||||
params.value.pageNo = 1
|
params.value.pageNo = 1;
|
||||||
fetch()
|
fetch();
|
||||||
}
|
}
|
||||||
|
|
||||||
function reset() {
|
function reset() {
|
||||||
rowSelectKeys.value = [];
|
rowSelectKeys.value = [];
|
||||||
selectsData.value = [];
|
selectsData.value = [];
|
||||||
params.value.pageNo = 1
|
params.value.pageNo = 1;
|
||||||
params.value.keyWord = ''
|
params.value.keyWord = "";
|
||||||
params.value.createName = ''
|
params.value.createName = "";
|
||||||
params.value.manager = ''
|
params.value.manager = "";
|
||||||
params.value.name = ''
|
params.value.name = "";
|
||||||
fetch()
|
fetch();
|
||||||
}
|
}
|
||||||
|
|
||||||
const closeDrawer = () => {
|
const closeDrawer = () => {
|
||||||
visible.value = false
|
visible.value = false;
|
||||||
taskIndex.value = -1
|
taskIndex.value = -1;
|
||||||
reset()
|
selectedRows.value = null;
|
||||||
|
reset();
|
||||||
};
|
};
|
||||||
|
|
||||||
function confirm() {
|
function confirm() {
|
||||||
if (!selectsData.value.length || !rowSelectKeys.value.length) {
|
if (!selectsData.value.length || !rowSelectKeys.value.length) {
|
||||||
message.warning("请选择项目!");
|
message.warning("请选择项目!");
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
if (taskIndex.value === -1) {
|
if (taskIndex.value === -1) {
|
||||||
const list = props.taskList
|
const list = props.taskList;
|
||||||
list.push({
|
list.push({
|
||||||
name: selectsData.value[0].name,
|
name: selectsData.value[0].name,
|
||||||
type: props.type,
|
type: props.type,
|
||||||
courseId: selectsData.value[0].id,
|
courseId: selectsData.value[0].id,
|
||||||
info: {...selectsData.value[0]}
|
info: { ...selectsData.value[0] },
|
||||||
})
|
});
|
||||||
} else {
|
} else {
|
||||||
const data = props.taskList[taskIndex.value]
|
const data = props.taskList[taskIndex.value];
|
||||||
data.name = selectsData.value[0].name
|
data.name = selectsData.value[0].name;
|
||||||
data.courseId = selectsData.value[0].id
|
data.courseId = selectsData.value[0].id;
|
||||||
data.info = selectsData.value[0]
|
data.info = selectsData.value[0];
|
||||||
}
|
}
|
||||||
emit('update:taskList', [...props.taskList])
|
emit("update:taskList", [...props.taskList]);
|
||||||
closeDrawer()
|
closeDrawer();
|
||||||
}
|
}
|
||||||
|
|
||||||
const goProjectmanage = () => {
|
const goProjectmanage = () => {
|
||||||
router.push({path: "/projectmanage"});
|
// router.push({path: "/projectmanage"});
|
||||||
}
|
window.open(process.env.VUE_APP_BASE + "/projectmanage");
|
||||||
|
};
|
||||||
|
|
||||||
function closeSameModal() {
|
function closeSameModal() {
|
||||||
sameModal.value = false
|
sameModal.value = false;
|
||||||
}
|
|
||||||
|
|
||||||
function sureSameModal() {
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function sureSameModal() {}
|
||||||
|
let selectedRows = ref(null);
|
||||||
function openDrawer(i, row) {
|
function openDrawer(i, row) {
|
||||||
|
console.log("row", row);
|
||||||
|
|
||||||
row && (rowSelectKeys.value = [row.courseId]);
|
row && (rowSelectKeys.value = [row.courseId]);
|
||||||
row && (selectsData.value = [{name: row.name, id: row.courseId}]);
|
row && (selectsData.value = [{ name: row.name, id: row.courseId }]);
|
||||||
(i >= 0) && (taskIndex.value = i)
|
i >= 0 && (taskIndex.value = i);
|
||||||
visible.value = true
|
visible.value = true;
|
||||||
|
|
||||||
|
//获取项目详情
|
||||||
|
if (row && row.courseId) {
|
||||||
|
getProjectDetail({
|
||||||
|
projectId: row.courseId,
|
||||||
|
}).then((res) => {
|
||||||
|
console.log("获取选中项目详情", res);
|
||||||
|
if (res.data.code === 200) {
|
||||||
|
selectedRows.value = res.data.data.projectInfo;
|
||||||
|
console.log("selectedRows", selectedRows);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
defineExpose({openDrawer})
|
defineExpose({ openDrawer });
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.ant-table-striped :deep(.table-striped) td {
|
.ant-table-striped :deep(.table-striped) td {
|
||||||
@@ -383,8 +416,8 @@ defineExpose({openDrawer})
|
|||||||
width: calc(100%);
|
width: calc(100%);
|
||||||
height: 68px;
|
height: 68px;
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
rgba(78, 166, 255, 0.2) 0%,
|
rgba(78, 166, 255, 0.2) 0%,
|
||||||
rgba(78, 166, 255, 0) 100%
|
rgba(78, 166, 255, 0) 100%
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -626,8 +659,8 @@ defineExpose({openDrawer})
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ant-table-tbody
|
.ant-table-tbody
|
||||||
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
|
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
|
||||||
> td {
|
> td {
|
||||||
background: #f6f9fd;
|
background: #f6f9fd;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -680,8 +713,8 @@ defineExpose({openDrawer})
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ant-table-tbody
|
.ant-table-tbody
|
||||||
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
|
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
|
||||||
> td {
|
> td {
|
||||||
background: #f6f9fd;
|
background: #f6f9fd;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -355,6 +355,7 @@ async function confirm() {
|
|||||||
}).catch(err => {
|
}).catch(err => {
|
||||||
console.log(err)
|
console.log(err)
|
||||||
})
|
})
|
||||||
|
|
||||||
emit('update:taskList', [...props.taskList])
|
emit('update:taskList', [...props.taskList])
|
||||||
closeDrawer()
|
closeDrawer()
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -17,10 +17,16 @@
|
|||||||
<div class="search"></div>
|
<div class="search"></div>
|
||||||
<div class="btnText">重置</div>
|
<div class="btnText">重置</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="btnsn" @click="reset">
|
||||||
|
<div class="search"></div>
|
||||||
|
<div class="btnText">刷新</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="main_item">
|
<div class="main_item">
|
||||||
<button class="xkbtn" style="margin:0" @click="goResearchmanage">新建评估</button>
|
<button class="xkbtn" style="margin: 0" @click="goResearchmanage">
|
||||||
|
新建评估
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="main_notice" style="display: none">
|
<div class="main_notice" style="display: none">
|
||||||
@@ -44,7 +50,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { computed, defineEmits, defineProps, ref, watch } from "vue";
|
import { computed, defineEmits, defineProps, ref, watch } from "vue";
|
||||||
import { useRouter } from "vue-router";
|
// import { useRouter } from "vue-router";
|
||||||
import { useRowsPage } from "@/api/request";
|
import { useRowsPage } from "@/api/request";
|
||||||
import { ASSESSMENT_PAGE } from "@/api/apis";
|
import { ASSESSMENT_PAGE } from "@/api/apis";
|
||||||
|
|
||||||
@@ -105,7 +111,7 @@ const initParams = {
|
|||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
releaseStatus: 2,
|
releaseStatus: 2,
|
||||||
};
|
};
|
||||||
const router = useRouter();
|
// const router = useRouter();
|
||||||
const params = ref(initParams);
|
const params = ref(initParams);
|
||||||
|
|
||||||
const rowSelectKeys = ref([]);
|
const rowSelectKeys = ref([]);
|
||||||
@@ -147,7 +153,7 @@ const pagination = computed(() => ({
|
|||||||
}));
|
}));
|
||||||
|
|
||||||
const changePagination = (e) => {
|
const changePagination = (e) => {
|
||||||
params.value.pageIndex = e;
|
params.value.pageNo = e;
|
||||||
fetch();
|
fetch();
|
||||||
};
|
};
|
||||||
const rowSelection = computed(() => ({
|
const rowSelection = computed(() => ({
|
||||||
@@ -156,12 +162,12 @@ const rowSelection = computed(() => ({
|
|||||||
selectedRowKeys: rowSelectKeys.value,
|
selectedRowKeys: rowSelectKeys.value,
|
||||||
onChange: onSelectChange,
|
onChange: onSelectChange,
|
||||||
preserveSelectedRowKeys: true,
|
preserveSelectedRowKeys: true,
|
||||||
getCheckboxProps: getCheckboxProps
|
getCheckboxProps: getCheckboxProps,
|
||||||
}));
|
}));
|
||||||
const getCheckboxProps = () => ({
|
const getCheckboxProps = () => ({
|
||||||
// 某几项默认禁止选中(R: 当state等于1时)
|
// 某几项默认禁止选中(R: 当state等于1时)
|
||||||
disabled: false
|
disabled: false,
|
||||||
})
|
});
|
||||||
|
|
||||||
function onSelectChange(e, l) {
|
function onSelectChange(e, l) {
|
||||||
rowSelectKeys.value = e;
|
rowSelectKeys.value = e;
|
||||||
@@ -180,12 +186,13 @@ function reset() {
|
|||||||
selectsData.value = [];
|
selectsData.value = [];
|
||||||
params.value.pageIndex = 1;
|
params.value.pageIndex = 1;
|
||||||
params.value.keyWord = "";
|
params.value.keyWord = "";
|
||||||
params.value.assessmentName ="";
|
params.value.assessmentName = "";
|
||||||
fetch();
|
fetch();
|
||||||
}
|
}
|
||||||
|
|
||||||
const goResearchmanage = () => {
|
const goResearchmanage = () => {
|
||||||
router.push({ path: "/researchmanage" });
|
// router.push({ path: "/researchmanage" });
|
||||||
|
window.open(process.env.VUE_APP_BASE + "/researchmanage");
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
|||||||
@@ -1,40 +1,41 @@
|
|||||||
<template>
|
<template>
|
||||||
<a-drawer
|
<a-drawer
|
||||||
:visible="CheckStuvisible"
|
:visible="CheckStuvisible"
|
||||||
class="drawerStyle CheckStu"
|
class="drawerStyle CheckStu"
|
||||||
placement="right"
|
placement="right"
|
||||||
width="70%"
|
width="70%"
|
||||||
@after-visible-change="afterVisibleChange"
|
|
||||||
>
|
>
|
||||||
<div class="drawerMain">
|
<div class="drawerMain">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="headerTitle">查看</div>
|
<div class="headerTitle">查看</div>
|
||||||
<img
|
<img
|
||||||
style="width: 29px; height: 29px; cursor: pointer"
|
style="width: 29px; height: 29px; cursor: pointer"
|
||||||
src="../../assets/images/basicinfo/close.png"
|
src="../../assets/images/basicinfo/close.png"
|
||||||
@click="closeDrawer"
|
@click="closeDrawer"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<a-spin v-if="loading" :spinning="loading"/>
|
<a-spin v-if="loading" :spinning="loading"/>
|
||||||
<div v-if="!loading" class="main">
|
<div v-if="!loading" class="main">
|
||||||
<div class="stuinfor">
|
<div class="stuinfor">
|
||||||
<div class="portrait">
|
<div class="portrait">
|
||||||
<img src="../../assets/images/studentimg/character.png" />
|
<img src="../../assets/images/studentimg/character.png"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="stumation">
|
<div class="stumation">
|
||||||
<div class="stuname">{{pro==null?"":pro.routerInfo.name}}</div>
|
<div class="stuname">{{ pro.userInfo?.realName }}</div>
|
||||||
<div class="stugangw">{{pro==null?"":pro.routerInfo.organizationName?pro.routerInfo.organizationName:"" + '-' + pro==null?"":pro.routerInfo.jobName?pro.routerInfo.jobName:""}}</div>
|
<div class="stugangw">
|
||||||
|
{{pro.routerInfo?.departName || '' }} - {{ pro.userInfo?.jobName || ''}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="sortbox">
|
<div class="sortbox">
|
||||||
<div class="sortname">进度排名</div>
|
<div class="sortname">进度排名</div>
|
||||||
<div class="sortnub">
|
<div class="sortnub">
|
||||||
<span class="nub1">{{rank.current}}</span>
|
<span class="nub1">{{ rank.current || 0 }}</span>
|
||||||
<span class="total">/{{rank.total}}</span>
|
<span class="total">/{{ rank.total || 0 }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-divider
|
<a-divider
|
||||||
type="vertical"
|
type="vertical"
|
||||||
style="
|
style="
|
||||||
height: 49px;
|
height: 49px;
|
||||||
margin-left: 34px;
|
margin-left: 34px;
|
||||||
background-color: rgba(170, 166, 166, 0.3);
|
background-color: rgba(170, 166, 166, 0.3);
|
||||||
@@ -43,13 +44,13 @@
|
|||||||
<div class="sortbox" style="margin-left: 34px">
|
<div class="sortbox" style="margin-left: 34px">
|
||||||
<div class="sortname">完成必修</div>
|
<div class="sortname">完成必修</div>
|
||||||
<div class="sortnub">
|
<div class="sortnub">
|
||||||
<span class="nub1">{{pro==null?"":pro.currentReqCnt}}</span>
|
<span class="nub1">{{ rank.finishCompulsoryNum || 0 }}</span>
|
||||||
<span class="total">/{{pro==null?"":pro.totalReqCnt}}</span>
|
<span class="total">/{{ rank.totalCompulsoryNum || 0 }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-divider
|
<a-divider
|
||||||
type="vertical"
|
type="vertical"
|
||||||
style="
|
style="
|
||||||
height: 49px;
|
height: 49px;
|
||||||
margin-left: 34px;
|
margin-left: 34px;
|
||||||
background-color: rgba(170, 166, 166, 0.3);"
|
background-color: rgba(170, 166, 166, 0.3);"
|
||||||
@@ -57,56 +58,16 @@
|
|||||||
<div class="sortbox" style="margin-left: 34px">
|
<div class="sortbox" style="margin-left: 34px">
|
||||||
<div class="sortname">已修证书</div>
|
<div class="sortname">已修证书</div>
|
||||||
<div class="sortnub">
|
<div class="sortnub">
|
||||||
<span class="nub1">{{pro==null?"":pro.routerInfo.certCnt?pro.routerInfo.certCnt:0}}</span>
|
<span class="nub1">{{ rank.certNum || 0 }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="secondrow">
|
|
||||||
<div class="rowleft">{{ pro.name }}</div> -->
|
|
||||||
<!-- <div class="rowbox" @click="showProMess">
|
|
||||||
<div class="shuom">说明</div>
|
|
||||||
<div><img src="../../assets/images/studentimg/chak.png" /></div>
|
|
||||||
</div> -->
|
|
||||||
<!-- </div> -->
|
|
||||||
<!-- <div v-for="(item) in pro.chapterList" class="mainbox"
|
|
||||||
style="margin-top: 15px; height: 56px"
|
|
||||||
:key="item.chapterId">
|
|
||||||
<div class="rowtitle" @click="changeDown">
|
|
||||||
<div class="titleimg">
|
|
||||||
<img
|
|
||||||
:src="
|
|
||||||
showDown
|
|
||||||
? require('../../assets/images/studentimg/open.png')
|
|
||||||
: require('../../assets/images/studentimg/close.png')
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="titletext">{{item.chapterName}}</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div :style="{ display: showDown ? 'block' : 'none' }">
|
|
||||||
<div v-for="_item in item.taskList" :key="_item.routerTaskId" class="rowclass">
|
|
||||||
<div class="leftclass">
|
|
||||||
<div><img src="../../assets/images/leveladd/zai.png" /></div>
|
|
||||||
<div class="text1">{{checkType(_item.type)}}</div>
|
|
||||||
<div class="text2">{{_item.name}}</div>
|
|
||||||
</div>
|
|
||||||
<div class="alreadyclass">
|
|
||||||
<div class="alimg">
|
|
||||||
<img src="../../assets/images/studentimg/complete.png" />
|
|
||||||
</div>
|
|
||||||
<div class="altext">{{checkStatus(_item.status)}}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<div class="mainbox">
|
<div class="mainbox">
|
||||||
<a-collapse v-model:activeKey="stageListActive">
|
<a-collapse v-model:activeKey="stageListActive">
|
||||||
<template #expandIcon="{ isActive }">
|
<template #expandIcon="{ isActive }">
|
||||||
<img
|
<img
|
||||||
style="margin-right: 20px"
|
style="margin-right: 20px"
|
||||||
:src="
|
:src="
|
||||||
isActive
|
isActive
|
||||||
? require('../../assets/images/studentimg/open.png')
|
? require('../../assets/images/studentimg/open.png')
|
||||||
: require('../../assets/images/studentimg/close.png')
|
: require('../../assets/images/studentimg/close.png')
|
||||||
@@ -114,36 +75,29 @@
|
|||||||
/>
|
/>
|
||||||
<div></div>
|
<div></div>
|
||||||
</template>
|
</template>
|
||||||
<a-collapse-panel
|
<a-collapse-panel v-for="value in pro.chapterList || []" :key="value.id" :header="value.name">
|
||||||
v-for="value in pro==null?[]:pro.chapterList"
|
<template #extra>
|
||||||
:key="value.chapterId"
|
<div @click.stop="">
|
||||||
:header="value.chapterName"
|
<div class="rowbox">
|
||||||
|
<a-popover title="关卡说明">
|
||||||
>
|
<template #content>
|
||||||
<template #extra >
|
<p>{{ value.remark }}</p>
|
||||||
<div @click.stop="">
|
</template>
|
||||||
<div class="rowbox">
|
<div class="shuom">说明</div>
|
||||||
<a-popover title="关卡说明">
|
</a-popover>
|
||||||
<template #content>
|
<div><img src="../../assets/images/studentimg/chak.png"/></div>
|
||||||
<p>{{value.remark}}</p>
|
</div>
|
||||||
</template>
|
</div>
|
||||||
<div class="shuom">说明</div>
|
</template>
|
||||||
</a-popover>
|
<div
|
||||||
<div><img src="../../assets/images/studentimg/chak.png" /></div>
|
class="rowclass"
|
||||||
</div>
|
v-for="(item, key) in value.taskList"
|
||||||
</div>
|
:key="key"
|
||||||
</template>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="rowclass"
|
|
||||||
v-for="(item, key) in value.taskList"
|
|
||||||
:key="key"
|
|
||||||
>
|
>
|
||||||
|
|
||||||
<div class="leftclass">
|
<div class="leftclass">
|
||||||
<div>
|
<div>
|
||||||
<img
|
<img
|
||||||
:src="
|
:src="
|
||||||
item.type === 1
|
item.type === 1
|
||||||
? require('../../assets/images/leveladd/zai.png')
|
? require('../../assets/images/leveladd/zai.png')
|
||||||
: item.type === 2
|
: item.type === 2
|
||||||
@@ -180,16 +134,16 @@
|
|||||||
<div class="alreadyclass">
|
<div class="alreadyclass">
|
||||||
<div class="alimg">
|
<div class="alimg">
|
||||||
<img
|
<img
|
||||||
:src="
|
:src="
|
||||||
item.status === 1
|
item.status === 1
|
||||||
? require('../../assets/images/studentimg/complete.png')
|
? require('../../assets/images/studentimg/complete.png')
|
||||||
: require('../../assets/images/studentimg/notice.png')
|
: require('../../assets/images/studentimg/notice.png')
|
||||||
"
|
"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="altext">{{ item.status ==0?"进行中":item.status ==1?"已完成":"未开始" }}</div>
|
<div class="altext">{{ item.status === 0 ? "进行中" : item.status === 1 ? "已完成" : "未开始" }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</a-collapse-panel>
|
</a-collapse-panel>
|
||||||
</a-collapse>
|
</a-collapse>
|
||||||
@@ -201,18 +155,16 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-drawer>
|
</a-drawer>
|
||||||
<check-stu-mess v-model:StuMessvisible="StuMessvisible" />
|
<check-stu-mess v-model:StuMessvisible="StuMessvisible"/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { reactive, toRefs } from "vue";
|
import {reactive, toRefs, watch} from "vue";
|
||||||
import CheckStuMess from "./CheckStuMess.vue";
|
import {stuRouterProgress} from "@/api/index1";
|
||||||
import {stuProgress} from "@/api/index1";
|
import {routerStudentRank} from "@/api/indexProjStu";
|
||||||
import {studentRank} from "@/api/indexProjStu";
|
|
||||||
// import {message} from "ant-design-vue";
|
|
||||||
export default {
|
export default {
|
||||||
name: "CheckStu",
|
name: "CheckStu",
|
||||||
components: { CheckStuMess },
|
|
||||||
props: {
|
props: {
|
||||||
CheckStuvisible: {
|
CheckStuvisible: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
@@ -231,59 +183,43 @@ export default {
|
|||||||
const state = reactive({
|
const state = reactive({
|
||||||
StuMessvisible: false,
|
StuMessvisible: false,
|
||||||
showDown: false,
|
showDown: false,
|
||||||
pro:null,
|
pro: null,
|
||||||
loading:true,
|
loading: false,
|
||||||
stageListActive: 0,
|
stageListActive: 0,
|
||||||
rank:{total:1,current:1},
|
rank: {total: 0, current: 0, finishCompulsoryNum: 0, totalCompulsoryNum: 0, certNum: 0},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
watch([()=>props.studentId, ()=>props.routerId], () => {
|
||||||
|
console.log(111111)
|
||||||
|
console.log(props)
|
||||||
|
getStuProgress()
|
||||||
|
getStuRank()
|
||||||
|
})
|
||||||
|
|
||||||
const closeDrawer = () => {
|
const closeDrawer = () => {
|
||||||
ctx.emit("update:CheckStuvisible", false);
|
ctx.emit("update:CheckStuvisible", false);
|
||||||
};
|
};
|
||||||
|
|
||||||
const getStuRank = () => {
|
const getStuRank = () => {
|
||||||
studentRank({
|
routerStudentRank({routerId: props.routerId, studentId: props.studentId}).then(res => state.rank = res.data.data)
|
||||||
projectId: props.routerId,
|
|
||||||
studentId: props.studentId,
|
|
||||||
type:2
|
|
||||||
}).then(res=>{
|
|
||||||
state.rank = res.data.data
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const showProMess = () => {
|
const showProMess = () => {
|
||||||
state.StuMessvisible = true;
|
state.StuMessvisible = true;
|
||||||
};
|
};
|
||||||
const afterVisibleChange = (bool) => {
|
|
||||||
if(props.CheckStuvisible) {
|
|
||||||
getStuProgress()
|
|
||||||
getStuRank()
|
|
||||||
}
|
|
||||||
console.log("state", bool);
|
|
||||||
};
|
|
||||||
const changeDown = () => {
|
const changeDown = () => {
|
||||||
state.showDown = !state.showDown;
|
state.showDown = !state.showDown;
|
||||||
};
|
};
|
||||||
const getStuProgress = () => {
|
const getStuProgress = () => {
|
||||||
state.loading = true
|
state.loading = true
|
||||||
let obj = {
|
stuRouterProgress({routerId: props.routerId, userId: props.studentId}).then(res => {
|
||||||
routerId:props.routerId,
|
|
||||||
id:props.studentId
|
|
||||||
}
|
|
||||||
console.log("obj",obj);
|
|
||||||
stuProgress(obj).then(res => {
|
|
||||||
console.log("查询当前学员进度信息success",res)
|
|
||||||
state.pro = res.data.data
|
state.pro = res.data.data
|
||||||
state.loading = false
|
state.loading = false
|
||||||
console.log(res)
|
|
||||||
}).catch(err => {
|
|
||||||
console.log("查询当前学员进度信息err",err)
|
|
||||||
state.loading = false
|
|
||||||
console.log(err)
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const checkType = (type) => {
|
const checkType = (type) => {
|
||||||
let typeRules = [
|
let typeRules = [
|
||||||
"",
|
"",
|
||||||
"在线",
|
"在线",
|
||||||
"面授",
|
"面授",
|
||||||
@@ -300,49 +236,39 @@ export default {
|
|||||||
"项目",
|
"项目",
|
||||||
];
|
];
|
||||||
return typeRules[type];
|
return typeRules[type];
|
||||||
}
|
}
|
||||||
|
|
||||||
const checkStatus = (status) => {
|
|
||||||
if(status < 0) return "未开始"
|
|
||||||
let statusRules = [
|
|
||||||
"进行中","已完成"
|
|
||||||
]
|
|
||||||
return statusRules[status]
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
...toRefs(state),
|
...toRefs(state),
|
||||||
afterVisibleChange,
|
|
||||||
closeDrawer,
|
closeDrawer,
|
||||||
showProMess,
|
showProMess,
|
||||||
changeDown,
|
changeDown,
|
||||||
checkType,
|
checkType,
|
||||||
checkStatus,
|
|
||||||
// change,
|
|
||||||
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss">
|
||||||
.CheckStu {
|
.CheckStu {
|
||||||
.ant-drawer-content-wrapper {
|
.ant-drawer-content-wrapper {
|
||||||
// max-width: 1000px;
|
// max-width: 1000px;
|
||||||
.ant-drawer-header {
|
.ant-drawer-header {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-drawer-body {
|
.ant-drawer-body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
height: 73px;
|
height: 73px;
|
||||||
border-bottom: 1px solid #e8e8e8;
|
border-bottom: 1px solid #e8e8e8;
|
||||||
@@ -352,6 +278,7 @@ export default {
|
|||||||
// background-color: red;
|
// background-color: red;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
|
||||||
.headerTitle {
|
.headerTitle {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
@@ -360,11 +287,13 @@ export default {
|
|||||||
// margin-left: 24px;
|
// margin-left: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding-bottom: 80px;
|
padding-bottom: 80px;
|
||||||
|
|
||||||
.stuinfor {
|
.stuinfor {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -374,35 +303,43 @@ export default {
|
|||||||
background-image: url("../../assets/images/studentimg/bgimg.png");
|
background-image: url("../../assets/images/studentimg/bgimg.png");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: right;
|
background-position: right;
|
||||||
|
|
||||||
.stumation {
|
.stumation {
|
||||||
margin-left: 24px;
|
margin-left: 24px;
|
||||||
|
|
||||||
.stuname {
|
.stuname {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stugangw {
|
.stugangw {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin-top: 7px;
|
margin-top: 7px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.sortbox {
|
.sortbox {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-left: 114px;
|
margin-left: 114px;
|
||||||
|
|
||||||
.sortname {
|
.sortname {
|
||||||
color: #666660;
|
color: #666660;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sortnub {
|
.sortnub {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-top: 7px;
|
margin-top: 7px;
|
||||||
|
|
||||||
.nub1 {
|
.nub1 {
|
||||||
color: #0060ff;
|
color: #0060ff;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.total {
|
.total {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
@@ -410,13 +347,16 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.secondrow {
|
.secondrow {
|
||||||
margin-top: 32px;
|
margin-top: 32px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.rowleft {
|
.rowleft {
|
||||||
color: rgba(51, 51, 51, 1);
|
color: rgba(51, 51, 51, 1);
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rowbox {
|
.rowbox {
|
||||||
width: 64px;
|
width: 64px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
@@ -427,6 +367,7 @@ export default {
|
|||||||
border: 1px solid rgba(64, 158, 255, 1);
|
border: 1px solid rgba(64, 158, 255, 1);
|
||||||
background: rgba(64, 158, 255, 0.1);
|
background: rgba(64, 158, 255, 0.1);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
.shuom {
|
.shuom {
|
||||||
color: rgba(64, 158, 255, 1);
|
color: rgba(64, 158, 255, 1);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -435,6 +376,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// .mainbox {
|
// .mainbox {
|
||||||
// // height: 463px;
|
// // height: 463px;
|
||||||
// margin-right: 37px;
|
// margin-right: 37px;
|
||||||
@@ -512,6 +454,7 @@ export default {
|
|||||||
background: rgba(64, 158, 255, 0.1);
|
background: rgba(64, 158, 255, 0.1);
|
||||||
margin-right: 480px;
|
margin-right: 480px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
.shuom {
|
.shuom {
|
||||||
color: rgba(64, 158, 255, 1);
|
color: rgba(64, 158, 255, 1);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -519,23 +462,28 @@ export default {
|
|||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-collapse {
|
.ant-collapse {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-collapse-content > .ant-collapse-content-box {
|
.ant-collapse-content > .ant-collapse-content-box {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-collapse > .ant-collapse-item {
|
.ant-collapse > .ant-collapse-item {
|
||||||
border: 1px solid rgba(221, 238, 255, 1);
|
border: 1px solid rgba(221, 238, 255, 1);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
border-bottom: 0px;
|
border-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-collapse-content {
|
.ant-collapse-content {
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-collapse-header {
|
.ant-collapse-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -545,52 +493,60 @@ export default {
|
|||||||
color: rgba(51, 51, 51, 1);
|
color: rgba(51, 51, 51, 1);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rowclass {
|
.rowclass {
|
||||||
height: 81px;
|
height: 81px;
|
||||||
border-bottom: 1px solid rgba(221, 238, 255, 1);
|
border-bottom: 1px solid rgba(221, 238, 255, 1);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.leftclass {
|
.leftclass {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-left: 25px;
|
margin-left: 25px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.text1 {
|
.text1 {
|
||||||
color: #000000;
|
color: #000000;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
margin-left: 25px;
|
margin-left: 25px;
|
||||||
word-break:keep-all;
|
word-break: keep-all;
|
||||||
white-space:nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text2 {
|
.text2 {
|
||||||
color: rgba(51, 51, 51, 0.8);
|
color: rgba(51, 51, 51, 0.8);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin-left: 65px;
|
margin-left: 65px;
|
||||||
word-break:keep-all;
|
word-break: keep-all;
|
||||||
white-space:nowrap;
|
white-space: nowrap;
|
||||||
overflow:hidden;
|
overflow: hidden;
|
||||||
text-overflow:ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.alreadyclass {
|
.alreadyclass {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-right: 57px;
|
margin-right: 57px;
|
||||||
|
|
||||||
.alimg {
|
.alimg {
|
||||||
height: 16px;
|
height: 16px;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.altext {
|
.altext {
|
||||||
color: rgba(56, 125, 247, 1);
|
color: rgba(56, 125, 247, 1);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
word-break:keep-all;
|
word-break: keep-all;
|
||||||
white-space:nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnn {
|
.btnn {
|
||||||
height: 72px;
|
height: 72px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -602,6 +558,7 @@ export default {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
|
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
|
||||||
|
|
||||||
.btn2 {
|
.btn2 {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
|
|||||||
@@ -417,7 +417,7 @@ export default {
|
|||||||
message.error(`请输入审核意见!`);
|
message.error(`请输入审核意见!`);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
ctx.emit("update:ProjAuditvisible", false);
|
||||||
auditView({
|
auditView({
|
||||||
createId: props.chooseCreateId,
|
createId: props.chooseCreateId,
|
||||||
createName: props.chooseCreater,
|
createName: props.chooseCreater,
|
||||||
|
|||||||
@@ -1,58 +1,56 @@
|
|||||||
<!-- eslint-disable vue/no-use-v-if-with-v-for -->
|
<!-- eslint-disable vue/no-use-v-if-with-v-for -->
|
||||||
<template>
|
<template>
|
||||||
<a-drawer :visible="Seevisible" class="drawerStyle seestu" placement="right" width="70%"
|
<a-drawer :visible="Seevisible" class="drawerStyle seestu" placement="right" width="70%">
|
||||||
@after-visible-change="afterVisibleChange">
|
|
||||||
<div class="drawerMain">
|
<div class="drawerMain">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="headerTitle">查看</div>
|
<div class="headerTitle">查看</div>
|
||||||
<img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
|
<img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
|
||||||
@click="closeDrawer" />
|
@click="closeDrawer"/>
|
||||||
</div>
|
</div>
|
||||||
<a-spin v-if="loading" :spinning="loading" />
|
<a-spin v-if="loading" :spinning="loading"/>
|
||||||
<div v-if="!loading" class="main">
|
<div v-if="!loading" class="main">
|
||||||
<div class="stuinfor">
|
<div class="stuinfor">
|
||||||
<div class="portrait">
|
<div class="portrait">
|
||||||
<img src="../../assets/images/studentimg/character.png" />
|
<img src="../../assets/images/studentimg/character.png"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="stumation">
|
<div class="stumation">
|
||||||
<div class="stuname">{{ userName }}</div>
|
<div class="stuname">{{ info.userInfo?.realName }}</div>
|
||||||
<div class="stugangw">{{ deptName }} - {{ jobName }}</div>
|
<div class="stugangw">{{ info.userInfo?.departName }} - {{ info.userInfo?.jobName }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="sortbox">
|
<div class="sortbox">
|
||||||
<div class="sortname">进度排名</div>
|
<div class="sortname">进度排名</div>
|
||||||
<div class="sortnub">
|
<div class="sortnub">
|
||||||
<span class="nub1">{{ rank.current }}</span>
|
<span class="nub1">{{ rank.current || 0 }}</span>
|
||||||
<span class="total">/{{ rank.total }}</span>
|
<span class="total">/{{ rank.total || 0 }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-divider type="vertical" style="
|
<a-divider type="vertical" style="
|
||||||
height: 49px;
|
height: 49px;
|
||||||
margin-left: 34px;
|
margin-left: 34px;
|
||||||
background-color: rgba(170, 166, 166, 0.3);
|
background-color: rgba(170, 166, 166, 0.3);
|
||||||
" />
|
"/>
|
||||||
<div class="sortbox" style="margin-left: 34px">
|
<div class="sortbox" style="margin-left: 34px">
|
||||||
<div class="sortname">完成必修</div>
|
<div class="sortname">完成必修</div>
|
||||||
<div class="sortnub">
|
<div class="sortnub">
|
||||||
<span class="nub1">{{ currentReqCnt }}</span>
|
<span class="nub1">{{ rank.finishCompulsoryNum || 0 }}</span>
|
||||||
<span class="total">/{{ totalReqCnt }}</span>
|
<span class="total">/{{ rank.totalCompulsoryNum || 0 }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a-divider type="vertical" style="
|
<a-divider type="vertical" style="
|
||||||
height: 49px;
|
height: 49px;
|
||||||
margin-left: 34px;
|
margin-left: 34px;
|
||||||
background-color: rgba(170, 166, 166, 0.3);" />
|
background-color: rgba(170, 166, 166, 0.3);"/>
|
||||||
<div class="sortbox" style="margin-left: 34px">
|
<div class="sortbox" style="margin-left: 34px">
|
||||||
<div class="sortname">已修证书</div>
|
<div class="sortname">已修证书</div>
|
||||||
<div class="sortnub">
|
<div class="sortnub">
|
||||||
<span class="nub1">{{ 0 }}</span>
|
<span class="nub1">{{ rank.certNum || 0 }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="secondrow">
|
<div class="secondrow">
|
||||||
<div class="rowleft">{{ name }} </div>
|
<div class="rowleft">{{ info.projectInfo.name }}</div>
|
||||||
<div class="rowRight"> 排序号:{{ sort }}</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="mainbox">
|
<div class="mainbox">
|
||||||
<a-collapse v-model:activeKey="stageListActive">
|
<a-collapse v-model:activeKey="stageListActive">
|
||||||
@@ -61,10 +59,10 @@
|
|||||||
isActive
|
isActive
|
||||||
? require('../../assets/images/studentimg/open.png')
|
? require('../../assets/images/studentimg/open.png')
|
||||||
: require('../../assets/images/studentimg/close.png')
|
: require('../../assets/images/studentimg/close.png')
|
||||||
" />
|
"/>
|
||||||
<div></div>
|
<div></div>
|
||||||
</template>
|
</template>
|
||||||
<a-collapse-panel v-for="value in stageList" :key="value.stageId" :header="value.stageName">
|
<a-collapse-panel v-for="value in info.stageList" :key="value.id" :header="value.name || '无阶段任务'">
|
||||||
<template #extra>
|
<template #extra>
|
||||||
<div @click.stop="">
|
<div @click.stop="">
|
||||||
<div class="rowbox">
|
<div class="rowbox">
|
||||||
@@ -74,7 +72,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<div class="shuom">说明</div>
|
<div class="shuom">说明</div>
|
||||||
</a-popover>
|
</a-popover>
|
||||||
<div><img src="../../assets/images/studentimg/chak.png" /></div>
|
<div><img src="../../assets/images/studentimg/chak.png"/></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -83,37 +81,36 @@
|
|||||||
|
|
||||||
<div class="leftclass">
|
<div class="leftclass">
|
||||||
<div>
|
<div>
|
||||||
<img :src="
|
<img
|
||||||
item.course === '在线'
|
:src="
|
||||||
? require('../../assets/images/leveladd/zai.png')
|
item.type === 1
|
||||||
: item.course === '面授'
|
? require('../../assets/images/leveladd/zai.png')
|
||||||
|
: item.type === 2
|
||||||
? require('../../assets/images/leveladd/mian.png')
|
? require('../../assets/images/leveladd/mian.png')
|
||||||
: item.course === '案例'
|
: item.type === 3
|
||||||
? require('../../assets/images/leveladd/an.png')
|
? require('../../assets/images/leveladd/an.png')
|
||||||
: item.course === '作业'
|
: item.type === 4
|
||||||
? require('../../assets/images/leveladd/zuo.png')
|
? require('../../assets/images/leveladd/zuo.png')
|
||||||
: item.course === '考试'
|
: item.type === 5
|
||||||
? require('../../assets/images/leveladd/kao.png')
|
? require('../../assets/images/leveladd/kao.png')
|
||||||
: item.course === '直播'
|
: item.type === 6
|
||||||
? require('../../assets/images/leveladd/zhi.png')
|
? require('../../assets/images/leveladd/zhi.png')
|
||||||
: item.course === '外链'
|
: item.type === 7
|
||||||
? require('../../assets/images/leveladd/wai.png')
|
? require('../../assets/images/leveladd/wai.png')
|
||||||
: item.course === '讨论'
|
: item.type === 8
|
||||||
? require('../../assets/images/leveladd/tao.png')
|
? require('../../assets/images/leveladd/tao.png')
|
||||||
: item.course === '活动'
|
: item.type === 9
|
||||||
? require('../../assets/images/leveladd/huo.png')
|
? require('../../assets/images/leveladd/huo.png')
|
||||||
: item.course === '测评'
|
: item.type === 10
|
||||||
? require('../../assets/images/leveladd/ce.png')
|
? require('../../assets/images/leveladd/ce.png')
|
||||||
: item.course === '调研'
|
: item.type === 11
|
||||||
? require('../../assets/images/leveladd/diao.png')
|
? require('../../assets/images/leveladd/diao.png')
|
||||||
: item.course === '投票'
|
: item.type === 12
|
||||||
? require('../../assets/images/leveladd/tou.png')
|
? require('../../assets/images/leveladd/tou.png')
|
||||||
: item.course === '评估'
|
: item.type === 13
|
||||||
? require('../../assets/images/leveladd/diao.png')
|
? require('../../assets/images/leveladd/xiangmu.png')
|
||||||
: item.course === '项目'
|
: null"
|
||||||
? require('../../assets/images/leveladd/xiangmu.png')
|
/>
|
||||||
: null
|
|
||||||
" />
|
|
||||||
</div>
|
</div>
|
||||||
<div class="text1">{{ item.course }}</div>
|
<div class="text1">{{ item.course }}</div>
|
||||||
<div class="text2">{{ item.name }}</div>
|
<div class="text2">{{ item.name }}</div>
|
||||||
@@ -124,11 +121,10 @@
|
|||||||
item.complete === '已完成'
|
item.complete === '已完成'
|
||||||
? require('../../assets/images/studentimg/complete.png')
|
? require('../../assets/images/studentimg/complete.png')
|
||||||
: require('../../assets/images/studentimg/notice.png')
|
: require('../../assets/images/studentimg/notice.png')
|
||||||
" />
|
"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="altext">{{ item.complete }}</div>
|
<div class="altext">{{ item.complete }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</a-collapse-panel>
|
</a-collapse-panel>
|
||||||
</a-collapse>
|
</a-collapse>
|
||||||
@@ -138,17 +134,18 @@
|
|||||||
<button class="btn2" @click="closeDrawer">关闭</button>
|
<button class="btn2" @click="closeDrawer">关闭</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<pro-mess v-model:Provisible="Provisible" />
|
<pro-mess v-model:Provisible="Provisible"/>
|
||||||
</a-drawer>
|
</a-drawer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { reactive, toRefs } from "vue";
|
import {reactive, toRefs, watch} from "vue";
|
||||||
import ProMess from "./ProMess.vue";
|
import ProMess from "./ProMess.vue";
|
||||||
import { studentProcess, studentRank } from "../../api/indexProjStu";
|
import {projectStudentRank, projectStudentProcess} from "@/api/indexProjStu";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "SeeStu",
|
name: "SeeStu",
|
||||||
components: { ProMess },
|
components: {ProMess},
|
||||||
props: {
|
props: {
|
||||||
Seevisible: {
|
Seevisible: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
@@ -166,213 +163,40 @@ export default {
|
|||||||
setup(props, ctx) {
|
setup(props, ctx) {
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
loading: false,
|
loading: false,
|
||||||
userName: null, //用户名
|
info: {},
|
||||||
deptName: null, //部门
|
|
||||||
jobName: null, //岗位
|
|
||||||
certCnt: null, //已修证书
|
|
||||||
name: null, //路径图名称
|
|
||||||
totalReqCnt: null, //累计必修数
|
|
||||||
currentReqCnt: null, //完成必修数
|
|
||||||
Provisible: false,
|
Provisible: false,
|
||||||
showDown: true,
|
|
||||||
showDown1: false,
|
|
||||||
rank: { total: 1, current: 1 },
|
|
||||||
sort: null,
|
|
||||||
stageList: [
|
|
||||||
// {
|
|
||||||
// stageName: "阶段1腾飞班阶段1",
|
|
||||||
// stageId: 1,
|
|
||||||
// taskList: [
|
|
||||||
// {
|
|
||||||
// course: "在线",
|
|
||||||
// name: "如何成为一个产品经理",
|
|
||||||
// complete: "已完成",
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// course: "直播",
|
|
||||||
// name: "管理直播课",
|
|
||||||
// complete: "已完成",
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// course: "面授",
|
|
||||||
// name: "管理面授课",
|
|
||||||
// complete: "未完成",
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// course: "活动",
|
|
||||||
// name: "管理活动",
|
|
||||||
// complete: "未完成",
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// course: "作业",
|
|
||||||
// name: "管理者作业",
|
|
||||||
// complete: "未完成",
|
|
||||||
// },
|
|
||||||
// ],
|
|
||||||
// },
|
|
||||||
],
|
|
||||||
stageListActive: 0,
|
stageListActive: 0,
|
||||||
|
rank: {total: 0, current: 0, finishCompulsoryNum: 0, totalCompulsoryNum: 0, certNum: 0},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
watch([() => props.checkStuId, () => props.projectId], () => {
|
||||||
|
getStuRank()
|
||||||
|
check()
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
const closeDrawer = () => {
|
const closeDrawer = () => {
|
||||||
ctx.emit("update:Seevisible", false);
|
ctx.emit("update:Seevisible", false);
|
||||||
};
|
};
|
||||||
|
|
||||||
const getStuRank = () => {
|
const getStuRank = () => {
|
||||||
studentRank({
|
projectStudentRank({projectId: props.projectId, studentId: props.checkStuId}).then(res => state.rank = res.data.data)
|
||||||
projectId: props.projectId,
|
|
||||||
studentId: props.checkStuId,
|
|
||||||
type: 1
|
|
||||||
}).then(res => {
|
|
||||||
state.rank = res.data.data
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const showProMess = () => {
|
const showProMess = () => {
|
||||||
state.Provisible = true;
|
state.Provisible = true;
|
||||||
};
|
};
|
||||||
const afterVisibleChange = (bool) => {
|
|
||||||
console.log("state", bool);
|
|
||||||
if (bool == true) {
|
|
||||||
check();
|
|
||||||
getStuRank()
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const changeDown = () => {
|
|
||||||
state.showDown = !state.showDown;
|
|
||||||
};
|
|
||||||
const changeDown1 = () => {
|
|
||||||
state.showDown1 = !state.showDown1;
|
|
||||||
};
|
|
||||||
const taskList = (tableData) => {
|
|
||||||
let data = tableData;
|
|
||||||
console.log('我排序了吗--------------------------》', data)
|
|
||||||
let array = [];
|
|
||||||
if (data != undefined) {
|
|
||||||
data.map((value) => {
|
|
||||||
console.log('我排序了吗---------value-----------------》', value)
|
|
||||||
let obj = {
|
|
||||||
course:
|
|
||||||
value.type == 1
|
|
||||||
? "在线"
|
|
||||||
: value.type == 2
|
|
||||||
? "面授"
|
|
||||||
: value.type == 3
|
|
||||||
? "案例"
|
|
||||||
: value.type == 4
|
|
||||||
? "作业"
|
|
||||||
: value.type == 5
|
|
||||||
? "考试"
|
|
||||||
: value.type == 6
|
|
||||||
? "直播"
|
|
||||||
: value.type == 7
|
|
||||||
? "外链"
|
|
||||||
: value.type == 8
|
|
||||||
? "讨论"
|
|
||||||
: value.type == 9
|
|
||||||
? "活动"
|
|
||||||
: value.type == 10
|
|
||||||
? "测评"
|
|
||||||
: value.type == 11
|
|
||||||
? "评估"
|
|
||||||
: value.type == 12
|
|
||||||
? "投票"
|
|
||||||
: "-",
|
|
||||||
name: value.name,
|
|
||||||
projectId: value.projectId,
|
|
||||||
complete:
|
|
||||||
value.status == -1
|
|
||||||
? "未开始"
|
|
||||||
: value.status == 1
|
|
||||||
? "已完成"
|
|
||||||
: value.status == 0
|
|
||||||
? "未完成"
|
|
||||||
: "-",
|
|
||||||
flag: value.flag == 0 ? "选修" : "必修",
|
|
||||||
currentRatio: value.currentRatio,
|
|
||||||
routerTaskId: value.routerTaskId,
|
|
||||||
};
|
|
||||||
console.log('我排序了吗---------obj-----------------》', obj)
|
|
||||||
array.push(obj);
|
|
||||||
});
|
|
||||||
array.sort((a, b) => { return a.projectId - b.projectId })
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log('我排序了吗-----------1---------------》', array)
|
|
||||||
return array;
|
|
||||||
};
|
|
||||||
const setStageList = (tableData) => {
|
|
||||||
let data = tableData;
|
|
||||||
console.log("查看了学员1", data);
|
|
||||||
let array = [];
|
|
||||||
//无阶段任务
|
|
||||||
if (data?.length == 1 && data[0].id == 0) {
|
|
||||||
console.log("无阶段任务", data);
|
|
||||||
data.map((value) => {
|
|
||||||
let obj = {
|
|
||||||
stageName: "无阶段任务",
|
|
||||||
stageId: 0,
|
|
||||||
remark: value.remark,
|
|
||||||
taskList: taskList(value.taskList),
|
|
||||||
};
|
|
||||||
array.push(obj);
|
|
||||||
});
|
|
||||||
} else { //有阶段
|
|
||||||
console.log("有阶段", data);
|
|
||||||
data.map((value) => {
|
|
||||||
console.log("有阶段value", value);
|
|
||||||
let obj = {
|
|
||||||
stageName: value.name,
|
|
||||||
stageId: value.id,
|
|
||||||
remark: value.remark,
|
|
||||||
taskList: taskList(value.taskList),
|
|
||||||
};
|
|
||||||
if (value.id > 0) {
|
|
||||||
array.push(obj);
|
|
||||||
}
|
|
||||||
console.log("有阶段array", array);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
state.stageList = array;
|
|
||||||
};
|
|
||||||
const check = () => {
|
const check = () => {
|
||||||
state.loading = true
|
state.loading = true
|
||||||
let obj = {
|
projectStudentProcess({projectId: props.projectId, userId: props.checkStuId}).then((res) => {
|
||||||
projectId: props.projectId,
|
|
||||||
studentId: props.checkStuId,
|
|
||||||
};
|
|
||||||
studentProcess(obj).then((res) => {
|
|
||||||
state.loading = false
|
state.loading = false
|
||||||
console.log("查看了学员", res.data);
|
state.info = res.data.data;
|
||||||
let result = res.data.data;
|
})
|
||||||
console.log("查看了学员result:", result);
|
}
|
||||||
state.userName = result.projectInfo.name;
|
|
||||||
state.deptName = result.projectInfo.deptName;
|
|
||||||
state.jobName = result.projectInfo.jobName;
|
|
||||||
state.certCnt = result.projectInfo.certCnt == null ? 0 : result.projectInfo.certCnt;
|
|
||||||
state.name = result.projectInfo.name;
|
|
||||||
state.currentReqCnt = result.projectInfo.currentReqCnt;
|
|
||||||
state.totalReqCnt = result.projectInfo.totalReqCnt;
|
|
||||||
|
|
||||||
if (result.stageList.length > 0) {
|
|
||||||
state.sort = result.stageList[0].sort;
|
|
||||||
|
|
||||||
}
|
|
||||||
setStageList(result.stageList);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
...toRefs(state),
|
...toRefs(state),
|
||||||
afterVisibleChange,
|
|
||||||
closeDrawer,
|
closeDrawer,
|
||||||
showProMess,
|
showProMess,
|
||||||
changeDown,
|
|
||||||
changeDown1,
|
|
||||||
check,
|
|
||||||
setStageList,
|
|
||||||
taskList,
|
|
||||||
// change,
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
@@ -521,12 +345,12 @@ export default {
|
|||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-collapse-content>.ant-collapse-content-box {
|
.ant-collapse-content > .ant-collapse-content-box {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-collapse>.ant-collapse-item {
|
.ant-collapse > .ant-collapse-item {
|
||||||
border: 1px solid rgba(221, 238, 255, 1);
|
border: 1px solid rgba(221, 238, 255, 1);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
|||||||
@@ -194,8 +194,8 @@ export default {
|
|||||||
console.log('我是传递过来的参数', props.datasource)
|
console.log('我是传递过来的参数', props.datasource)
|
||||||
console.log('我是传递过来的参数2', props.basicdata)
|
console.log('我是传递过来的参数2', props.basicdata)
|
||||||
api.QueryAssessmentDetail({
|
api.QueryAssessmentDetail({
|
||||||
"assessmentSubmitId": props.datasource.assessmentSubmitId,
|
"assessmentSubmitId": props.datasource.assessmentSubmitId?props.datasource.assessmentSubmitId:props.datasource.assessmentResultIds,
|
||||||
"courseId": props.basicdata.assessmentId,
|
"courseId": props.basicdata.id,
|
||||||
"studentId": props.datasource.studentId
|
"studentId": props.datasource.studentId
|
||||||
}).then(res=>{
|
}).then(res=>{
|
||||||
console.log(res)
|
console.log(res)
|
||||||
|
|||||||
@@ -462,20 +462,6 @@ export default {
|
|||||||
function CreateCertificate() {
|
function CreateCertificate() {
|
||||||
state.CCertificate = true;
|
state.CCertificate = true;
|
||||||
}
|
}
|
||||||
//上传封面
|
|
||||||
const handleChange = (info) => {
|
|
||||||
if (info.file.status === "uploading") {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (info.file.status === "done") {
|
|
||||||
console.log("上传图片返回的信息 %o", info.file.name);
|
|
||||||
state.imageUrl = process.env.VUE_APP_FILE_PATH + info.file.name;
|
|
||||||
state.imageName = info.file.name;
|
|
||||||
}
|
|
||||||
if (info.file.status === "error") {
|
|
||||||
message.error("upload error");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const beforeUpload = (file) => {
|
const beforeUpload = (file) => {
|
||||||
const isJpgOrPng =
|
const isJpgOrPng =
|
||||||
@@ -501,19 +487,14 @@ export default {
|
|||||||
fileUp(formDatas).then((res) => {
|
fileUp(formDatas).then((res) => {
|
||||||
if (res.data.code === 200) {
|
if (res.data.code === 200) {
|
||||||
console.log(file)
|
console.log(file)
|
||||||
state.imageUrl = res.data.data;
|
state.imageUrl = process.env.VUE_APP_FILE_PATH + res.data.data;
|
||||||
state.imageName = file.name;
|
state.imageName = process.env.VUE_APP_FILE_PATH + res.data.data;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
return false;
|
return false;
|
||||||
};
|
};
|
||||||
|
|
||||||
// function beforeUpload(file) {
|
|
||||||
// if (!state.fileType.includes(file.name.split(".").slice(-1).join(""))) {
|
|
||||||
// message.error("不支持该格式");
|
|
||||||
// return false;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
//查看证书
|
//查看证书
|
||||||
const getcertificate = () => {
|
const getcertificate = () => {
|
||||||
@@ -528,7 +509,7 @@ export default {
|
|||||||
if (res.data.code === 200) {
|
if (res.data.code === 200) {
|
||||||
let info = res.data.data;
|
let info = res.data.data;
|
||||||
state.certificateName = info.name; //证书名称
|
state.certificateName = info.name; //证书名称
|
||||||
state.imageUrl = process.env.VUE_APP_FILE_PATH + info.url; //证书封面
|
state.imageUrl = info.url; //证书封面
|
||||||
state.certificateRemark = info.remark; //证书说明
|
state.certificateRemark = info.remark; //证书说明
|
||||||
state.condition = info.finishType; //选择条件
|
state.condition = info.finishType; //选择条件
|
||||||
state.large = info.finishType == 1 ? info.finishValue : null; //选择项目里的全部任务或必修任务
|
state.large = info.finishType == 1 ? info.finishValue : null; //选择项目里的全部任务或必修任务
|
||||||
@@ -634,7 +615,6 @@ export default {
|
|||||||
closeDrawer,
|
closeDrawer,
|
||||||
selectCondition,
|
selectCondition,
|
||||||
selectlarge,
|
selectlarge,
|
||||||
handleChange,
|
|
||||||
beforeUpload,
|
beforeUpload,
|
||||||
CreateCertificate,
|
CreateCertificate,
|
||||||
saveupdatecertificate,
|
saveupdatecertificate,
|
||||||
|
|||||||
@@ -55,7 +55,7 @@
|
|||||||
placeholder="请输入姓名"
|
placeholder="请输入姓名"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="datasource.type !==1" class="namecon" style="margin-right: 50px">
|
<div class="namecon" style="margin-right: 50px">
|
||||||
<div class="name">任务状态:</div>
|
<div class="name">任务状态:</div>
|
||||||
<div class="select">
|
<div class="select">
|
||||||
<a-select
|
<a-select
|
||||||
@@ -128,6 +128,8 @@
|
|||||||
</div>-->
|
</div>-->
|
||||||
</div>
|
</div>
|
||||||
</a-drawer>
|
</a-drawer>
|
||||||
|
<view-assess v-model:Assessvisible="Assessvisible" :datasource="evalDataSource" :evalName="datasource.info?.assessmentName"
|
||||||
|
:basicdata="datasource.info" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -135,9 +137,11 @@ import { toRefs, reactive, onMounted, onUnmounted } from "vue";
|
|||||||
import { message } from "ant-design-vue";
|
import { message } from "ant-design-vue";
|
||||||
// import * as api from "../../../api/index";
|
// import * as api from "../../../api/index";
|
||||||
import * as api from "../../../api/indexTaskManage";
|
import * as api from "../../../api/indexTaskManage";
|
||||||
|
import ViewAssess from "../ViewAssess";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "ProjectOnlineManage",
|
name: "ProjectOnlineManage",
|
||||||
|
components: { ViewAssess },
|
||||||
props: {
|
props: {
|
||||||
Tvisible: {
|
Tvisible: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
@@ -195,6 +199,8 @@ export default {
|
|||||||
],
|
],
|
||||||
tabledata: [],
|
tabledata: [],
|
||||||
tableDataTotalLoading: true, // 表格loading加载配置
|
tableDataTotalLoading: true, // 表格loading加载配置
|
||||||
|
evalDataSource: "",
|
||||||
|
Assessvisible: false
|
||||||
});
|
});
|
||||||
const tableDataFunc = () => {
|
const tableDataFunc = () => {
|
||||||
const columns = [
|
const columns = [
|
||||||
@@ -309,9 +315,42 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
let obj = {
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "finishStatus",
|
||||||
|
key: "finishStatus",
|
||||||
|
width: 60,
|
||||||
|
align: "center",
|
||||||
|
ellipsis: true,
|
||||||
|
className: "h",
|
||||||
|
customRender: (text) => {
|
||||||
|
return (
|
||||||
|
<div class="racona">
|
||||||
|
<a
|
||||||
|
onClick={()=>{
|
||||||
|
console.log('iyiy', text.record)
|
||||||
|
showassess(text.record);
|
||||||
|
}}>查看</a>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
{/* 评估查看操作 */}
|
||||||
|
if(props.datasource.type==11){
|
||||||
|
columns.push(obj)
|
||||||
|
}
|
||||||
|
|
||||||
return columns;
|
return columns;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
{/* 查看评估弹框 */}
|
||||||
|
const showassess = (data) => {
|
||||||
|
state.evalDataSource = data;
|
||||||
|
state.Assessvisible = true;
|
||||||
|
};
|
||||||
|
|
||||||
const closeDrawer = () => {
|
const closeDrawer = () => {
|
||||||
ctx.emit("update:Tvisible", false);
|
ctx.emit("update:Tvisible", false);
|
||||||
state.currentPage = 1;
|
state.currentPage = 1;
|
||||||
@@ -405,20 +444,20 @@ export default {
|
|||||||
if(res.data.code==200){
|
if(res.data.code==200){
|
||||||
state.tableDataTotalLoading = false;
|
state.tableDataTotalLoading = false;
|
||||||
let newData = []
|
let newData = []
|
||||||
for(let i=0;i<res.data.data.studyDetailList.length;i++){
|
for(let i=0;i<res.data.data.studyDetailList.records.length;i++){
|
||||||
// 处理在线课字段和表格中字段保持一致
|
// 处理在线课字段和表格中字段保持一致
|
||||||
let obj = {
|
let obj = {
|
||||||
studentUserNo: res.data.data.studyDetailList[i].studentCode,
|
studentUserNo: res.data.data.studyDetailList.records[i].studentCode,
|
||||||
studentName: res.data.data.studyDetailList[i].studentName,
|
studentName: res.data.data.studyDetailList.records[i].studentName,
|
||||||
studentDepartName: res.data.data.studyDetailList[i].studentDepartName,
|
studentDepartName: res.data.data.studyDetailList.records[i].studentDepartName,
|
||||||
studentJobName: res.data.data.studyDetailList[i].studentJobName,
|
studentJobName: res.data.data.studyDetailList.records[i].studentJobName,
|
||||||
lastStudyTime: res.data.data.studyDetailList[i].finishedTime,
|
lastStudyTime: res.data.data.studyDetailList.records[i].finishedTime,
|
||||||
finishStatus: res.data.data.studyDetailList[i].status?res.data.data.studyDetailList[i].status:0
|
finishStatus: res.data.data.studyDetailList.records[i].status?res.data.data.studyDetailList.records[i].status:0
|
||||||
}
|
}
|
||||||
newData.push(obj)
|
newData.push(obj)
|
||||||
}
|
}
|
||||||
state.tabledata = newData;
|
state.tabledata = newData;
|
||||||
state.tableDataTotal = res.data.data.total;
|
state.tableDataTotal = res.data.data.studyDetailList.total;
|
||||||
}
|
}
|
||||||
}).catch(err=>{
|
}).catch(err=>{
|
||||||
console.log(err)
|
console.log(err)
|
||||||
@@ -454,13 +493,18 @@ export default {
|
|||||||
|
|
||||||
// 导出数据
|
// 导出数据
|
||||||
function exportTaskStu() {
|
function exportTaskStu() {
|
||||||
window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?currentStageId=${props.datasource.stageId}&type=${1}&pid=${props.datasource.projectId}&taskId=${props.datasource.id}&taskType=${props.datasource.type}`)
|
if(props.datasource.type==1){
|
||||||
// window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?pageNo=${state.currentPage}&pageSize=${state.pageSize}¤tStageId=${props.datasource.stageId}&type=${1}&pid=${props.datasource.projectId}&taskId=${props.datasource.projectTaskId}&status=${state.name}&studentName=${state.projectName}`)
|
{/* 在线课导出 */}
|
||||||
|
window.open(`${process.env.VUE_APP_BASE_API}/admin/online/manage/exportOnline?chapterId=${props.datasource.chapterId}&type=${1}&targetId=${props.datasource.routerId}&taskId=${props.datasource.courseId}`)
|
||||||
|
}else{
|
||||||
|
window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?currentStageId=${props.datasource.stageId}&type=${1}&pid=${props.datasource.projectId}&taskId=${props.datasource.id}&taskType=${props.datasource.type}`)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
...toRefs(state),
|
...toRefs(state),
|
||||||
selectProjectName,
|
selectProjectName,
|
||||||
|
showassess,
|
||||||
closeDrawer,
|
closeDrawer,
|
||||||
afterVisibleChange,
|
afterVisibleChange,
|
||||||
tableDataFunc,
|
tableDataFunc,
|
||||||
|
|||||||
@@ -55,7 +55,7 @@
|
|||||||
placeholder="请输入姓名"
|
placeholder="请输入姓名"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="datasource.type !==1" class="namecon" style="margin-right: 50px">
|
<div class="namecon" style="margin-right: 50px">
|
||||||
<div class="name">任务状态:</div>
|
<div class="name">任务状态:</div>
|
||||||
<div class="select">
|
<div class="select">
|
||||||
<a-select
|
<a-select
|
||||||
@@ -390,7 +390,7 @@ export default {
|
|||||||
console.log("我是传递的查询参数", {
|
console.log("我是传递的查询参数", {
|
||||||
"pageNo": state.currentPage,
|
"pageNo": state.currentPage,
|
||||||
"pageSize": state.pageSize,
|
"pageSize": state.pageSize,
|
||||||
"chapterId": props.outchapter,
|
"chapterId": props.datasource.chapterId,
|
||||||
"status": state.projectName,
|
"status": state.projectName,
|
||||||
"studentName": state.name,
|
"studentName": state.name,
|
||||||
"taskId": props.datasource.courseId,
|
"taskId": props.datasource.courseId,
|
||||||
@@ -401,7 +401,7 @@ export default {
|
|||||||
api.QueryOnlineManagementDetail({
|
api.QueryOnlineManagementDetail({
|
||||||
"pageNo": state.currentPage,
|
"pageNo": state.currentPage,
|
||||||
"pageSize": state.pageSize,
|
"pageSize": state.pageSize,
|
||||||
"chapterId": props.outchapter,
|
"chapterId": props.datasource.chapterId,
|
||||||
"status": state.projectName,
|
"status": state.projectName,
|
||||||
"studentName": state.name,
|
"studentName": state.name,
|
||||||
"targetId":props.datasource.routerId,
|
"targetId":props.datasource.routerId,
|
||||||
@@ -413,20 +413,20 @@ export default {
|
|||||||
if(res.data.code==200){
|
if(res.data.code==200){
|
||||||
state.tableDataTotalLoading = false;
|
state.tableDataTotalLoading = false;
|
||||||
let newData = []
|
let newData = []
|
||||||
for(let i=0;i<res.data.data.studyDetailList.length;i++){
|
for(let i=0;i<res.data.data.studyDetailList.records.length;i++){
|
||||||
// 处理在线课字段和表格中字段保持一致
|
// 处理在线课字段和表格中字段保持一致
|
||||||
let obj = {
|
let obj = {
|
||||||
studentUserNo: res.data.data.studyDetailList[i].studentCode,
|
studentUserNo: res.data.data.studyDetailList.records[i].studentCode,
|
||||||
studentName: res.data.data.studyDetailList[i].studentName,
|
studentName: res.data.data.studyDetailList.records[i].studentName,
|
||||||
studentDepartName: res.data.data.studyDetailList[i].studentDepartName,
|
studentDepartName: res.data.data.studyDetailList.records[i].studentDepartName,
|
||||||
studentJobName: res.data.data.studyDetailList[i].studentJobName,
|
studentJobName: res.data.data.studyDetailList.records[i].studentJobName,
|
||||||
lastStudyTime: res.data.data.studyDetailList[i].finishedTime,
|
lastStudyTime: res.data.data.studyDetailList.records[i].finishedTime,
|
||||||
finishStatus: res.data.data.studyDetailList[i].status?res.data.data.studyDetailList[i].status:0
|
finishStatus: res.data.data.studyDetailList.records[i].status?res.data.data.studyDetailList.records[i].status:0
|
||||||
}
|
}
|
||||||
newData.push(obj)
|
newData.push(obj)
|
||||||
}
|
}
|
||||||
state.tabledata = newData;
|
state.tabledata = newData;
|
||||||
state.tableDataTotal = res.data.data.total;
|
state.tableDataTotal = res.data.data.studyDetailList.total;
|
||||||
}
|
}
|
||||||
}).catch(err=>{
|
}).catch(err=>{
|
||||||
console.log(err)
|
console.log(err)
|
||||||
@@ -462,9 +462,12 @@ export default {
|
|||||||
|
|
||||||
// 导出数据
|
// 导出数据
|
||||||
function exportTaskStu() {
|
function exportTaskStu() {
|
||||||
console.log(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?currentStageId=${props.datasource.chapterId}&type=${2}&pid=${props.datasource.routerId}&taskId=${props.datasource.id}&taskType=${props.datasource.type}`)
|
if(props.datasource.type==1){
|
||||||
window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?currentStageId=${props.datasource.chapterId}&type=${2}&pid=${props.datasource.routerId}&taskId=${props.datasource.id}&taskType=${props.datasource.type}`)
|
{/* 在线课导出 */}
|
||||||
// window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?pageNo=${state.currentPage}&pageSize=${state.pageSize}¤tStageId=${props.datasource.chapterId}&type=${2}&pid=${props.datasource.routerId}&taskId=${props.datasource.routerTaskId}&status=${state.name}&studentName=${state.projectName}`)
|
window.open(`${process.env.VUE_APP_BASE_API}/admin/online/manage/exportOnline?chapterId=${props.datasource.chapterId}&type=${2}&targetId=${props.datasource.routerId}&taskId=${props.datasource.courseId}`)
|
||||||
|
}else{
|
||||||
|
window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?currentStageId=${props.datasource.chapterId}&type=${2}&pid=${props.datasource.routerId}&taskId=${props.datasource.id}&taskType=${props.datasource.type}`)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* @Author: lixg lixg@dongwu-inc.com
|
* @Author: lixg lixg@dongwu-inc.com
|
||||||
* @Date: 2023-02-23 14:57:21
|
* @Date: 2023-02-23 14:57:21
|
||||||
* @LastEditors: lixg lixg@dongwu-inc.com
|
* @LastEditors: lixg lixg@dongwu-inc.com
|
||||||
* @LastEditTime: 2023-02-23 20:42:25
|
* @LastEditTime: 2023-02-24 09:58:42
|
||||||
* @FilePath: /fe-manage/src/components/project/OrgClassCheck.vue
|
* @FilePath: /fe-manage/src/components/project/OrgClassCheck.vue
|
||||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
-->
|
-->
|
||||||
@@ -88,7 +88,7 @@ function onLoadData(treeNode) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function change(e) {
|
function change(e) {
|
||||||
// console.log("label", e, emit);
|
console.log("label", e, emit);
|
||||||
// let label = [];
|
// let label = [];
|
||||||
// let value = [];
|
// let value = [];
|
||||||
// for (let i = 0; i < e.length; i++) {
|
// for (let i = 0; i < e.length; i++) {
|
||||||
|
|||||||
@@ -85,7 +85,7 @@
|
|||||||
<div class="tab2">
|
<div class="tab2">
|
||||||
<a-form-item label="组织:">
|
<a-form-item label="组织:">
|
||||||
<a-input v-model:value="searchOrgName.keyword"
|
<a-input v-model:value="searchOrgName.keyword"
|
||||||
style="width: 230px; height: 40px; border-radius: 8px" placeholder="请输入组织" />
|
style="width: 230px; height: 40px; border-radius: 8px" placeholder="请输入组织" @click="orgValue"/>
|
||||||
<a-button type="primary" @click="searchOrg" style="margin-left: 20px; border-radius: 4px">
|
<a-button type="primary" @click="searchOrg" style="margin-left: 20px; border-radius: 4px">
|
||||||
<template #icon>
|
<template #icon>
|
||||||
<SearchOutlined />
|
<SearchOutlined />
|
||||||
@@ -97,13 +97,13 @@
|
|||||||
</a-form-item>
|
</a-form-item>
|
||||||
</div>
|
</div>
|
||||||
<div class="boeTree">
|
<div class="boeTree">
|
||||||
<a-tree :tree-data="searchOrgName.keyword ? orgData : treeOrgData" @select="onOrgSelectChange"
|
<a-tree v-model:selectedKeys="selectedOrgKeys" :tree-data="searchOrgName.keyword ? orgData : treeOrgData" @select="onOrgSelectChange"
|
||||||
:loading="orgOrgLoading" :load-data="onLoadOrgData" :fieldNames="{
|
:loading="orgOrgLoading" :load-data="onLoadOrgData" :fieldNames="{
|
||||||
children: 'treeChildList',
|
children: 'treeChildList',
|
||||||
key: 'id',
|
key: 'id',
|
||||||
title: 'name',
|
title: 'name',
|
||||||
value: 'name',
|
value: 'name',
|
||||||
}" row-key="id" :row-selection="orgRowSelection" multiple>
|
}" row-key="id" :row-selection="orgRowSelection" multiple>
|
||||||
</a-tree>
|
</a-tree>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -196,7 +196,7 @@
|
|||||||
<div v-if="i < 11">
|
<div v-if="i < 11">
|
||||||
<div class="chose1">
|
<div class="chose1">
|
||||||
<div class="span">{{ item.name }}</div>
|
<div class="span">{{ item.name }}</div>
|
||||||
<div class="ch1" @click="orgDel(i)"></div>
|
<div class="ch1" @click="orgDel(i)" style="cursor: pointer;"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
@@ -295,7 +295,8 @@ import {
|
|||||||
AUDIENCE_LIST,
|
AUDIENCE_LIST,
|
||||||
ORG_CHILD_LIST,
|
ORG_CHILD_LIST,
|
||||||
ORG_LIST,
|
ORG_LIST,
|
||||||
USER_LIST,
|
// USER_LIST,
|
||||||
|
USER_LIST_PAGE,
|
||||||
} from "@/api/ThirdApi";
|
} from "@/api/ThirdApi";
|
||||||
import {
|
import {
|
||||||
saveStu,
|
saveStu,
|
||||||
@@ -463,7 +464,7 @@ const {
|
|||||||
loading: stuLoading,
|
loading: stuLoading,
|
||||||
total: stuTotal,
|
total: stuTotal,
|
||||||
reset: stuReset,
|
reset: stuReset,
|
||||||
} = useBoeApiPage(USER_LIST, nameSearch.value, {
|
} = useBoeApiPage(USER_LIST_PAGE, nameSearch.value, {
|
||||||
init: false,
|
init: false,
|
||||||
result: (res) => res.result.userInfoList,
|
result: (res) => res.result.userInfoList,
|
||||||
totalPage: (res) => res.result.totalPage,
|
totalPage: (res) => res.result.totalPage,
|
||||||
@@ -613,6 +614,7 @@ const closeDrawer = () => {
|
|||||||
visiable.value = false;
|
visiable.value = false;
|
||||||
stuData.value = [];
|
stuData.value = [];
|
||||||
nameSearch.value.keyword = "";
|
nameSearch.value.keyword = "";
|
||||||
|
selectedOrgKeys.value = [];
|
||||||
};
|
};
|
||||||
|
|
||||||
function onLoadData(treeNode) {
|
function onLoadData(treeNode) {
|
||||||
@@ -661,8 +663,16 @@ function stuDel(i) {
|
|||||||
selectsData.value.studentList.splice(i, 1);
|
selectsData.value.studentList.splice(i, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const selectedOrgKeys = ref([]);
|
||||||
|
|
||||||
|
watch(selectedOrgKeys, () => {
|
||||||
|
console.log('selectedKeys', selectedOrgKeys);
|
||||||
|
});
|
||||||
|
|
||||||
function orgDel(i) {
|
function orgDel(i) {
|
||||||
|
console.log(selectedOrgKeys.value)
|
||||||
orgSelectKeys.value = orgSelectKeys.value.filter(e => e !== selectsData.value.deptList[i].id)
|
orgSelectKeys.value = orgSelectKeys.value.filter(e => e !== selectsData.value.deptList[i].id)
|
||||||
|
selectedOrgKeys.value.splice(i, 1)
|
||||||
selectsData.value.deptList.splice(i, 1)
|
selectsData.value.deptList.splice(i, 1)
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -685,8 +695,12 @@ function onStuSelectChange(e, l) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function onOrgSelectChange(e, l) {
|
function onOrgSelectChange(e, l) {
|
||||||
|
|
||||||
orgRowSelection.value = e;
|
orgRowSelection.value = e;
|
||||||
selectsData.value.deptList = l.selectedNodes;
|
selectsData.value.deptList = l.selectedNodes;
|
||||||
|
|
||||||
|
// 获取被点击的树节点
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function onAuditSelectChange(e, l) {
|
function onAuditSelectChange(e, l) {
|
||||||
@@ -727,6 +741,7 @@ const resetStu = () => {
|
|||||||
//清空选择部门信息
|
//清空选择部门信息
|
||||||
const deleteDepSelect = () => {
|
const deleteDepSelect = () => {
|
||||||
stuSelectKeys.value = [];
|
stuSelectKeys.value = [];
|
||||||
|
selectedOrgKeys.value = [];
|
||||||
};
|
};
|
||||||
//重置组织
|
//重置组织
|
||||||
const resetOrg = () => {
|
const resetOrg = () => {
|
||||||
@@ -821,6 +836,12 @@ function handleStageOk() {
|
|||||||
// }
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 搜索受众值发生变化
|
||||||
|
function orgValue(value) {
|
||||||
|
console.log("", value.target.value);
|
||||||
|
searchOrgName.value.keyword = value.target.value;
|
||||||
|
}
|
||||||
|
|
||||||
watch(visiable, () => {
|
watch(visiable, () => {
|
||||||
stuSelectKeys.value = [];
|
stuSelectKeys.value = [];
|
||||||
orgSelectKeys.value = [];
|
orgSelectKeys.value = [];
|
||||||
|
|||||||
@@ -4,18 +4,20 @@
|
|||||||
<slot></slot>
|
<slot></slot>
|
||||||
</div>
|
</div>
|
||||||
<a-drawer
|
<a-drawer
|
||||||
:visible="visible"
|
:visible="visible"
|
||||||
class="drawerStyle createvoteDrawer"
|
class="drawerStyle createvoteDrawer"
|
||||||
width="800"
|
width="800"
|
||||||
placement="right"
|
placement="right"
|
||||||
>
|
>
|
||||||
<div class="researchadd">
|
<div class="researchadd">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="headerTitle">{{ options.length ? "编辑投票题干" : "创建投票题干" }}</div>
|
<div class="headerTitle">
|
||||||
|
{{ options.length ? "编辑投票题干" : "创建投票题干" }}
|
||||||
|
</div>
|
||||||
<img
|
<img
|
||||||
style="width: 29px; height: 29px; cursor: pointer"
|
style="width: 29px; height: 29px; cursor: pointer"
|
||||||
src="../../assets/images/basicinfo/close.png"
|
src="../../assets/images/basicinfo/close.png"
|
||||||
@click="closeDrawer"
|
@click="closeDrawer"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="main_left">
|
<div class="main_left">
|
||||||
@@ -23,8 +25,8 @@
|
|||||||
<div class="signbox">
|
<div class="signbox">
|
||||||
<div class="sign">
|
<div class="sign">
|
||||||
<img
|
<img
|
||||||
src="@/assets/images/coursewareManage/asterisk.png"
|
src="@/assets/images/coursewareManage/asterisk.png"
|
||||||
alt="asterisk"
|
alt="asterisk"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<span>创建题干:</span>
|
<span>创建题干:</span>
|
||||||
@@ -34,34 +36,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-for="(item, index) in formData" :key="index+Math.random()">
|
<div v-for="(item, index) in formData" :key="index + Math.random()">
|
||||||
<VoteQuestion v-if="!item.deleted" :item="item" :index="index" @del="itemDel"/>
|
<VoteQuestion
|
||||||
|
v-if="!item.deleted"
|
||||||
|
:item="item"
|
||||||
|
:index="index"
|
||||||
|
@del="itemDel"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="btn">
|
<div class="btn">
|
||||||
<a-button
|
<a-button
|
||||||
type="primary"
|
type="primary"
|
||||||
ghost
|
ghost
|
||||||
style="
|
style="width: 100px; height: 40px; border-radius: 8px"
|
||||||
width: 100px;
|
@click="closeDrawer"
|
||||||
height: 40px;
|
|
||||||
border-radius: 8px;
|
|
||||||
"
|
|
||||||
@click="closeDrawer"
|
|
||||||
>
|
>
|
||||||
取消
|
取消
|
||||||
</a-button>
|
</a-button>
|
||||||
<a-button
|
<a-button
|
||||||
type="primary"
|
type="primary"
|
||||||
style="
|
style="
|
||||||
margin-left: 14px;
|
margin-left: 14px;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: #4ea6ff;
|
background-color: #4ea6ff;
|
||||||
"
|
"
|
||||||
@click="confirm"
|
@click="confirm"
|
||||||
>
|
>
|
||||||
保存
|
保存
|
||||||
</a-button>
|
</a-button>
|
||||||
@@ -71,62 +74,80 @@
|
|||||||
</a-drawer>
|
</a-drawer>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import {defineEmits, defineProps, ref, watch} from "vue";
|
import { defineEmits, defineProps, ref, watch } from "vue";
|
||||||
import VoteQuestion from "./VoteQuestion.vue";
|
import VoteQuestion from "./VoteQuestion.vue";
|
||||||
import {message} from "ant-design-vue";
|
import { message } from "ant-design-vue";
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
options: []
|
options: [],
|
||||||
})
|
});
|
||||||
|
|
||||||
const emit = defineEmits({})
|
const emit = defineEmits({});
|
||||||
const formData = ref(props.options && props.options.length ? [...props.options] : [{
|
const formData = ref(
|
||||||
voteStemName: '',
|
props.options && props.options.length
|
||||||
optionDetailList: []
|
? [...props.options]
|
||||||
}])
|
: [
|
||||||
|
{
|
||||||
|
voteStemName: "",
|
||||||
|
optionDetailList: [],
|
||||||
|
},
|
||||||
|
]
|
||||||
|
);
|
||||||
|
|
||||||
const visible = ref(false)
|
const visible = ref(false);
|
||||||
|
|
||||||
watch(() => props.options.length, () => {
|
watch(
|
||||||
formData.value = props.options && props.options.length ? [...props.options] : [{
|
() => props.options.length,
|
||||||
voteStemName: '',
|
() => {
|
||||||
optionDetailList: []
|
formData.value =
|
||||||
}]
|
props.options && props.options.length
|
||||||
})
|
? [...props.options]
|
||||||
|
: [
|
||||||
|
{
|
||||||
|
voteStemName: "",
|
||||||
|
optionDetailList: [],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
function openDrawer() {
|
function openDrawer() {
|
||||||
visible.value = true
|
visible.value = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
const closeDrawer = () => {
|
const closeDrawer = () => {
|
||||||
visible.value = false
|
visible.value = false;
|
||||||
formData.value = props.options && props.options.length ? [...props.options] : [{
|
formData.value =
|
||||||
voteStemName: '',
|
props.options && props.options.length
|
||||||
optionDetailList: []
|
? [...props.options]
|
||||||
}]
|
: [
|
||||||
|
{
|
||||||
|
voteStemName: "",
|
||||||
|
optionDetailList: [],
|
||||||
|
},
|
||||||
|
];
|
||||||
};
|
};
|
||||||
|
|
||||||
async function confirm() {
|
async function confirm() {
|
||||||
console.log(formData.value)
|
console.log(formData.value);
|
||||||
if (formData.value.some(t => !t.voteStemName && !t.deleted)) {
|
if (formData.value.some((t) => !t.voteStemName && !t.deleted)) {
|
||||||
message.warning('请输入题干名称')
|
message.warning("请输入题干名称");
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
visible.value = false
|
visible.value = false;
|
||||||
emit('update:options', formData.value)
|
emit("update:options", formData.value);
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleAdd() {
|
function handleAdd() {
|
||||||
formData.value.push({
|
formData.value.push({
|
||||||
voteStemName: '',
|
voteStemName: "",
|
||||||
optionDetailList: []
|
optionDetailList: [],
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function itemDel(i) {
|
function itemDel(i) {
|
||||||
formData.value[i].deleted = true
|
formData.value[i].deleted = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.researchadd {
|
.researchadd {
|
||||||
|
|||||||
@@ -4,39 +4,47 @@
|
|||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="tagbox">
|
<div class="tagbox">
|
||||||
<div class="deleteop" @click="handleDel">
|
<div class="deleteop" @click="handleDel">
|
||||||
<div><img src="../../assets/images/projectadd/delete.png"/></div>
|
<div><img src="../../assets/images/projectadd/delete.png" /></div>
|
||||||
<div class="del_text">删除选项</div>
|
<div class="del_text">删除题干</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
<div class="namebox">
|
<div class="namebox">
|
||||||
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png"/>
|
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
|
||||||
<div class="inname">题干</div>
|
<div class="inname">题干</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="in">
|
<div class="in">
|
||||||
<a-input
|
<a-input
|
||||||
v-model:value="formData.voteStemName"
|
v-model:value="formData.voteStemName"
|
||||||
placeholder="请输入题干名称"
|
placeholder="请输入题干名称"
|
||||||
show-count
|
show-count
|
||||||
:maxlength="20"
|
:maxlength="20"
|
||||||
style="border-radius: 8px"
|
style="border-radius: 8px"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-for="(item, index) in formData.optionDetailList" :key="index+Math.random()">
|
<div
|
||||||
<VoteQuestionItem v-if="!item.deleted" :item="item" :index="index" @del="delItem"/>
|
v-for="(item, index) in formData.optionDetailList"
|
||||||
|
:key="index + Math.random()"
|
||||||
|
>
|
||||||
|
<VoteQuestionItem
|
||||||
|
v-if="!item.deleted"
|
||||||
|
:item="item"
|
||||||
|
:index="index"
|
||||||
|
@del="delItem"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
<div class="in" style="margin-left: 85px; margin-bottom: 20px">
|
<div class="in" style="margin-left: 85px; margin-bottom: 20px">
|
||||||
<a-button
|
<a-button
|
||||||
type="primary"
|
type="primary"
|
||||||
style="
|
style="
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: #4ea6ff;
|
background-color: #4ea6ff;
|
||||||
"
|
"
|
||||||
@click="handleSingleAdd"
|
@click="handleSingleAdd"
|
||||||
>
|
>
|
||||||
添加选项
|
添加选项
|
||||||
</a-button>
|
</a-button>
|
||||||
@@ -45,34 +53,33 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import {defineEmits, defineProps, ref, watch} from "vue";
|
import { defineEmits, defineProps, ref, watch } from "vue";
|
||||||
import VoteQuestionItem from "./VoteQuestionItem.vue";
|
import VoteQuestionItem from "./VoteQuestionItem.vue";
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
index: Number,
|
index: Number,
|
||||||
item: {}
|
item: {},
|
||||||
})
|
});
|
||||||
|
|
||||||
const emit = defineEmits(['del'])
|
const emit = defineEmits(["del"]);
|
||||||
|
|
||||||
const formData = ref(props.item)
|
const formData = ref(props.item);
|
||||||
|
|
||||||
watch(props, () => {
|
watch(props, () => {
|
||||||
formData.value = props.item
|
formData.value = props.item;
|
||||||
})
|
});
|
||||||
|
|
||||||
function handleSingleAdd() {
|
function handleSingleAdd() {
|
||||||
formData.value.optionDetailList.push({})
|
formData.value.optionDetailList.push({});
|
||||||
}
|
}
|
||||||
|
|
||||||
function delItem(i) {
|
function delItem(i) {
|
||||||
formData.value.optionDetailList[i].deleted = true
|
formData.value.optionDetailList[i].deleted = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleDel() {
|
function handleDel() {
|
||||||
emit("del", props.index);
|
emit("del", props.index);
|
||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.researchadd {
|
.researchadd {
|
||||||
|
|||||||
14
src/utils/dialog.js
Normal file
14
src/utils/dialog.js
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
import { createApp } from 'vue'
|
||||||
|
import CommonAlert from "@/components/common/CommonAlert";
|
||||||
|
import Antd from "ant-design-vue";
|
||||||
|
|
||||||
|
function mountContent (option = {}) {
|
||||||
|
const dom = document.createElement('div')
|
||||||
|
document.body.appendChild(dom)
|
||||||
|
const app = createApp(CommonAlert, {
|
||||||
|
close: () => { app.unmount(dom); document.body.removeChild(dom) },
|
||||||
|
...option
|
||||||
|
})
|
||||||
|
app.use(Antd).mount(dom)
|
||||||
|
}
|
||||||
|
export default mountContent
|
||||||
@@ -149,7 +149,7 @@ export default {
|
|||||||
api.DownLoadTotalSize().then(res=>{
|
api.DownLoadTotalSize().then(res=>{
|
||||||
console.log(res)
|
console.log(res)
|
||||||
if(res.data.code==200){
|
if(res.data.code==200){
|
||||||
state.capacity = res.data.data;
|
state.capacity = res.data.data && res.data.data !== {} ? res.data.data : 0;
|
||||||
}else{
|
}else{
|
||||||
state.capacity = 0;
|
state.capacity = 0;
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -214,7 +214,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div style="margin-top: 10px">
|
<div style="margin-top: 10px">
|
||||||
<a-select
|
<a-select
|
||||||
v-model:value="selectBandName"
|
v-model:value="selectBandId"
|
||||||
mode="multiple"
|
mode="multiple"
|
||||||
style="width: 440px; min-height: 40px"
|
style="width: 440px; min-height: 40px"
|
||||||
placeholder="请选择Band"
|
placeholder="请选择Band"
|
||||||
@@ -460,9 +460,6 @@
|
|||||||
<div class="btn btn6" @click="handlePush">
|
<div class="btn btn6" @click="handlePush">
|
||||||
<div class="btnText">保存</div>
|
<div class="btnText">保存</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn btn6" v-if="statusTingQi == 1" @click="reviewClick">
|
|
||||||
<div class="btnText">提交审核</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -827,15 +824,19 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
files = files.slice(0, files.length - 1);
|
files = files.slice(0, files.length - 1);
|
||||||
|
|
||||||
let orgSelect = [];
|
let orgSelectIds = [];
|
||||||
|
let orgSelectNames = [];
|
||||||
if (state.orgSelect && state.orgSelect.length) {
|
if (state.orgSelect && state.orgSelect.length) {
|
||||||
state.orgSelect.forEach((item) => {
|
state.orgSelect.forEach((item) => {
|
||||||
orgSelect.push({
|
orgSelectIds += item.value + ",";
|
||||||
label: item.label,
|
});
|
||||||
value: item.value,
|
state.orgSelect.forEach((item) => {
|
||||||
});
|
orgSelectNames += item.label + ",";
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
orgSelectIds = orgSelectIds.slice(0, orgSelectIds.length - 1);
|
||||||
|
orgSelectNames = orgSelectNames.slice(0, orgSelectNames.length - 1);
|
||||||
|
console.log("orgSelectIds&orgSelectNames2", orgSelectIds, orgSelectNames);
|
||||||
|
|
||||||
let selectJobId = "";
|
let selectJobId = "";
|
||||||
if (state.selectJobId.length) {
|
if (state.selectJobId.length) {
|
||||||
@@ -882,7 +883,9 @@ export default defineComponent({
|
|||||||
intro: state.qdms_inputV6,
|
intro: state.qdms_inputV6,
|
||||||
attach: state.attach,
|
attach: state.attach,
|
||||||
outline: valueHtml.value,
|
outline: valueHtml.value,
|
||||||
organizationIds: orgSelect,
|
// organizationIds: orgSelect, //todo 传的不对
|
||||||
|
organizationIds: orgSelectIds,
|
||||||
|
organizationNames: orgSelectNames,
|
||||||
jobTypeIds: selectJobId,
|
jobTypeIds: selectJobId,
|
||||||
bandIds: selectBandId,
|
bandIds: selectBandId,
|
||||||
sourceBelongId: state.sourceBelongId,
|
sourceBelongId: state.sourceBelongId,
|
||||||
@@ -994,6 +997,40 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
console.log(str);
|
console.log(str);
|
||||||
state.attach = str;
|
state.attach = str;
|
||||||
|
|
||||||
|
if (item.jobTypeIds) {
|
||||||
|
state.selectJobId = item.jobTypeIds.split(",");
|
||||||
|
}
|
||||||
|
if (item.bandIds) {
|
||||||
|
state.selectBandId = item.bandIds.split(",");
|
||||||
|
}
|
||||||
|
console.log("state.selectBandId", state.selectBandId);
|
||||||
|
state.sourceBelongId = item.sourceBelongId;
|
||||||
|
state.sourceBelongName = item.sourceBelongFullName;
|
||||||
|
if (item.organizationIds && item.organizationNames) {
|
||||||
|
let orgSelectIds = item.organizationIds;
|
||||||
|
let orgSelectNames = item.organizationNames;
|
||||||
|
orgSelectIds = orgSelectIds.split(",");
|
||||||
|
orgSelectNames = orgSelectNames.split(",");
|
||||||
|
console.log(
|
||||||
|
"orgSelectIds&orgSelectNames",
|
||||||
|
orgSelectIds,
|
||||||
|
orgSelectNames
|
||||||
|
);
|
||||||
|
let arrObj = [];
|
||||||
|
arrObj = orgSelectIds.map((item, index) => {
|
||||||
|
return { value: item, lebel: orgSelectNames[index] };
|
||||||
|
});
|
||||||
|
console.log("arrObj-------------", arrObj);
|
||||||
|
state.orgSelect = arrObj;
|
||||||
|
}
|
||||||
|
const imgDict = optionsUrl.value.find(
|
||||||
|
(img) => img.value.split(",")[0] === item.picUrl
|
||||||
|
);
|
||||||
|
console.log("imgDict", imgDict);
|
||||||
|
if (imgDict) {
|
||||||
|
state.pathBgId = imgDict.id;
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleTagChange = () => {
|
const handleTagChange = () => {
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -394,7 +394,7 @@
|
|||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="icon"></div>
|
<div class="icon"></div>
|
||||||
<span>提示</span>
|
<span>提示</span>
|
||||||
<div class="close_exit" @click="closeCancel"></div>
|
<!-- <div class="close_exit" @click="closeCancel"></div> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<span>您确定要删除所有阶段吗?</span>
|
<span>您确定要删除所有阶段吗?</span>
|
||||||
@@ -699,7 +699,14 @@ const closeDelete = () => {
|
|||||||
};
|
};
|
||||||
// 删除所有阶段
|
// 删除所有阶段
|
||||||
const removeAllLevel = () => {
|
const removeAllLevel = () => {
|
||||||
|
console.log(projectInfo.value.stageList)
|
||||||
|
projectInfo.value.stageList.forEach(t => {
|
||||||
|
if(t.id!=='0'){
|
||||||
|
t.checked = false;
|
||||||
|
t.deleted = true;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
cancelModal.value = false;
|
||||||
};
|
};
|
||||||
//全选任务或全不选任务
|
//全选任务或全不选任务
|
||||||
const selectRowAll = () => {
|
const selectRowAll = () => {
|
||||||
@@ -723,6 +730,7 @@ const closeDeAll = () => {
|
|||||||
//暂存
|
//暂存
|
||||||
const temporaryStorage = async () => {
|
const temporaryStorage = async () => {
|
||||||
templateLoading.value = true
|
templateLoading.value = true
|
||||||
|
console.log(projectInfo.value)
|
||||||
await request(PROJECT_DETAIL_MODIFY, projectInfo.value)
|
await request(PROJECT_DETAIL_MODIFY, projectInfo.value)
|
||||||
await getTask()
|
await getTask()
|
||||||
message.success("暂存成功");
|
message.success("暂存成功");
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -2,7 +2,7 @@
|
|||||||
* @Author: lixg lixg@dongwu-inc.com
|
* @Author: lixg lixg@dongwu-inc.com
|
||||||
* @Date: 2022-11-21 14:32:52
|
* @Date: 2022-11-21 14:32:52
|
||||||
* @LastEditors: lixg lixg@dongwu-inc.com
|
* @LastEditors: lixg lixg@dongwu-inc.com
|
||||||
* @LastEditTime: 2022-12-14 17:38:38
|
* @LastEditTime: 2023-02-24 09:03:55
|
||||||
* @FilePath: /fe-manage/vue.config.js
|
* @FilePath: /fe-manage/vue.config.js
|
||||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
*/
|
*/
|
||||||
|
|||||||
Reference in New Issue
Block a user