Merge branch 'develop' of ssh://gitlab.dongwu-inc.com:10022/BOE/fe-manage into develop

This commit is contained in:
lpq
2023-02-24 21:35:23 +08:00
28 changed files with 3976 additions and 2871 deletions

View File

@@ -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'

View File

@@ -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);
//编辑学习路径基本信息 //编辑学习路径基本信息

View File

@@ -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)

View File

@@ -430,6 +430,20 @@ export default {
}, },
]; ];
} }
if (
n.indexOf("/sonproject") !== -1 ||
n.indexOf("/SonProject") !== -1
) {
state.list = [
{
name: "项目",
href: "",
},
{
name: "基础信息",
},
];
}
} }
); );

View 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>

View File

@@ -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!");

View File

@@ -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>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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;
} }

View File

@@ -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()
} }

View File

@@ -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">

View File

@@ -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;

View File

@@ -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,

View File

@@ -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;

View File

@@ -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)

View File

@@ -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,

View File

@@ -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}&currentStageId=${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,

View File

@@ -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}&currentStageId=${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 {

View File

@@ -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++) {

View File

@@ -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 = [];

View File

@@ -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 {

View File

@@ -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
View 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

View File

@@ -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

View File

@@ -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

View File

@@ -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

View File

@@ -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
*/ */