mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-17 23:06:47 +08:00
合并
This commit is contained in:
dongwug
11384
package-lock.json
generated
11384
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -38,34 +38,10 @@ import http from "./config";
|
||||
// 接口-请求
|
||||
|
||||
// 创建编辑单层项目
|
||||
export const createProject = (obj) => http.post('/admin/project/edit', {
|
||||
"attach": obj.attach,
|
||||
"beginTime": obj.beginTime,
|
||||
"boeFlag": obj.boeFlag,
|
||||
"category": obj.category,
|
||||
"courseSyncFlag": obj.courseSyncFlag,
|
||||
"endTime": obj.endTime,
|
||||
"level": obj.level,
|
||||
"manager": obj.manager,
|
||||
"managerId": obj.managerId,
|
||||
"name": obj.name,
|
||||
"notice": obj.notice,
|
||||
"noticeFlag": obj.noticeFlag,
|
||||
"picUrl": obj.picUrl,
|
||||
"remark": obj.remark,
|
||||
"sourceBelongId": obj.sourceBelongId,
|
||||
"status": obj.status,
|
||||
"systemId": obj.systemId,
|
||||
"templateId": obj.templateId,
|
||||
"type": obj.type
|
||||
})
|
||||
export const createProject = (obj) => http.post('/admin/project/edit', obj)
|
||||
|
||||
// 创建多层项目
|
||||
export const createStoreyProject = () => http.post('/admin/project/edit', {
|
||||
|
||||
})
|
||||
export const createStoreyProject = (obj) => http.post('/admin/project/edit', obj)
|
||||
|
||||
// 获取项目列表
|
||||
export const getProjectList = () => http.post('/admin/project/list', {
|
||||
|
||||
})
|
||||
export const getProjectList = (obj) => http.post('/admin/project/list', obj)
|
||||
@@ -40,19 +40,11 @@ export const uploadFile = (obj) => http.post('/test/testRequest', qs.stringify({
|
||||
// 接口-请求
|
||||
|
||||
//创建学习路径
|
||||
export const createLearnPath = (obj) => http.post('/admin/router/edit', obj, {
|
||||
headers: {
|
||||
'token': '123'
|
||||
}
|
||||
});
|
||||
export const createLearnPath = (obj) => http.post('/admin/router/edit', obj);
|
||||
// 获取学习路径图列表
|
||||
export const getLearnPath = (obj) => http.post('/admin/router/list', obj);
|
||||
//删除学习路径图
|
||||
export const deleteLearnPath = (obj) => http.post('/admin/router/handle', obj, {
|
||||
headers: {
|
||||
'token': '123'
|
||||
}
|
||||
});
|
||||
export const deleteLearnPath = (obj) => http.post('/admin/router/handle', obj);
|
||||
|
||||
//获取关卡
|
||||
export const getChapter = (obj) => http.post('/admin/router/detail', { params: obj });
|
||||
|
||||
@@ -142,7 +142,6 @@ export default {
|
||||
const afterVisibleChange = (bool) => {
|
||||
console.log("state", bool);
|
||||
};
|
||||
|
||||
//上传组件
|
||||
function getBase64(img, callback) {
|
||||
const reader = new FileReader();
|
||||
@@ -152,7 +151,7 @@ export default {
|
||||
|
||||
const fileList = ref([]);
|
||||
const loading = ref(false);
|
||||
const imageUrl = ref('');
|
||||
const imageUrl = ref("");
|
||||
|
||||
const handleChange = (info) => {
|
||||
if (info.file.status === 'uploading') {
|
||||
@@ -502,4 +501,3 @@ export default {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -4,25 +4,21 @@
|
||||
<!-- 搜索框及按钮 -->
|
||||
<div class="filter">
|
||||
<div class="filterItems">
|
||||
<div class="select">
|
||||
<a-select
|
||||
v-model:value="projectName"
|
||||
style="width: 270px"
|
||||
<div class="pathnameInp">
|
||||
<a-input
|
||||
v-model:value="pathnameSearch"
|
||||
style="width: 270px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入路径名称"
|
||||
:options="projectNameList"
|
||||
@change="selectProjectName"
|
||||
allowClear
|
||||
showSearch
|
||||
></a-select>
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="select">
|
||||
<a-select
|
||||
v-model:value="projectName"
|
||||
v-model:value="statusValue"
|
||||
style="width: 270px"
|
||||
placeholder="请选择状态"
|
||||
:options="projectNameList"
|
||||
@change="selectProjectName"
|
||||
:options="statusList"
|
||||
@change="selectStatusClassify"
|
||||
allowClear
|
||||
showSearch
|
||||
></a-select>
|
||||
@@ -35,19 +31,20 @@
|
||||
style="width: 270px"
|
||||
/> -->
|
||||
<a-range-picker
|
||||
v-model:value="value2"
|
||||
v-model:value="searchdate"
|
||||
separator="至"
|
||||
:placeholder="[' 开始时间', ' 结束时间']"
|
||||
@change="searchTimeChange"
|
||||
/>
|
||||
</div>
|
||||
<div style="display: flex; margin-bottom: 20px">
|
||||
<div class="btn btn1">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">搜索</div>
|
||||
<div class="btnText" @click="searchLearnPath">搜索</div>
|
||||
</div>
|
||||
<div class="btnn btn2">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">重置</div>
|
||||
<div class="btnText" @click="resetLearnPath">重置</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -613,28 +610,6 @@ export default {
|
||||
setup() {
|
||||
const router = useRouter();
|
||||
const state = reactive({
|
||||
projectNameList: [
|
||||
{
|
||||
id: 1,
|
||||
value: "项目一",
|
||||
label: "项目一",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
value: "项目二",
|
||||
label: "项目二",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
value: "项目三",
|
||||
label: "项目三",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
value: "项目四",
|
||||
label: "项目四",
|
||||
},
|
||||
],
|
||||
out: false,
|
||||
out1: false,
|
||||
number: null,
|
||||
@@ -692,6 +667,8 @@ export default {
|
||||
|
||||
value1: "",
|
||||
value2: "",
|
||||
//
|
||||
//创建、编辑-------------------------
|
||||
pathName: "", //创建/编辑路径图名称
|
||||
organizationList: [
|
||||
{
|
||||
@@ -722,6 +699,33 @@ export default {
|
||||
createLoading: false, //创建路径loading
|
||||
deletePathId: null, //删除路径id
|
||||
editPathId: null, //修改路径id
|
||||
//搜索------------------------------
|
||||
pathnameSearch: null, //搜索路径名称
|
||||
statusList: [
|
||||
{
|
||||
id: 1,
|
||||
value: "草稿",
|
||||
label: "草稿",
|
||||
classify: 0,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
value: "已发布",
|
||||
label: "已发布",
|
||||
classify: 1,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
value: "已停用",
|
||||
label: "已停用",
|
||||
classify: -1,
|
||||
},
|
||||
],
|
||||
statusValue: null, //状态
|
||||
statusClassify: null, //选择状态类型
|
||||
searchdate: null, //选择时间
|
||||
startTime: null, //开始时间
|
||||
endTime: null, //结束时间
|
||||
});
|
||||
|
||||
const selectProjectName = (value, index) => {
|
||||
@@ -976,7 +980,6 @@ export default {
|
||||
<a-select
|
||||
style="width: 50px;margin-top:2px;margin-left:25px"
|
||||
value="授权"
|
||||
// options={state.projectNameList}
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="权限名单" label="权限名单">
|
||||
@@ -1022,7 +1025,6 @@ export default {
|
||||
<a-select
|
||||
style="width: 50px;margin-top:2px;margin-right:20px;"
|
||||
value="更多"
|
||||
// options={state.projectNameList}
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option
|
||||
@@ -1075,7 +1077,6 @@ export default {
|
||||
<a-select
|
||||
style="width: 50px;margin-top:2px;margin-right:20px;"
|
||||
value="更多"
|
||||
// options={state.projectNameList}
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option
|
||||
@@ -1115,7 +1116,6 @@ export default {
|
||||
<a-select
|
||||
style="width: 50px;margin-top:2px;margin-right:20px;"
|
||||
value="更多"
|
||||
// options={state.projectNameList}
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option
|
||||
@@ -1166,8 +1166,8 @@ export default {
|
||||
};
|
||||
//创建学习路径图
|
||||
const createLearnPath = () => {
|
||||
if (!state.pathName) return message.info("请输入路径图名称");
|
||||
// if (!state.organizationSelectName) return message.info("请选择归属组织");
|
||||
if (!state.pathName) return message.warning("请输入路径图名称");
|
||||
// if (!state.organizationSelectName) return message.warning("请选择归属组织");
|
||||
// state.createLoading = true;
|
||||
let obj = {
|
||||
name: state.pathName,
|
||||
@@ -1197,6 +1197,10 @@ export default {
|
||||
let obj = {
|
||||
pageNo: state.currentPage,
|
||||
pageSize: state.pageSize,
|
||||
name: state.pathnameSearch,
|
||||
status: state.statusClassify,
|
||||
beginTime: state.startTime,
|
||||
endTime: state.endTime,
|
||||
};
|
||||
api
|
||||
.getLearnPath(obj)
|
||||
@@ -1219,31 +1223,6 @@ export default {
|
||||
.catch((err) => {
|
||||
console.log("获取学习路径失败", err);
|
||||
});
|
||||
// let getChapterObj = {
|
||||
// routerId: 0,
|
||||
// };
|
||||
// api
|
||||
// .getChapter(getChapterObj)
|
||||
// .then((res) => {
|
||||
// console.log("获取关卡数据", res);
|
||||
// })
|
||||
// .catch((err) => {
|
||||
// console.log("获取关卡数据失败", err);
|
||||
// });
|
||||
|
||||
// let editChapterObj = {
|
||||
// name: "测试关卡",
|
||||
// remark: "这是测试关卡说明",
|
||||
// routerId: 0,
|
||||
// };
|
||||
// api
|
||||
// .editChapter(editChapterObj)
|
||||
// .then((res) => {
|
||||
// console.log("添加测试关卡数据", res);
|
||||
// })
|
||||
// .catch((err) => {
|
||||
// console.log("添加测试关卡数据失败", err);
|
||||
// });
|
||||
};
|
||||
//翻页
|
||||
const changePagination = (page) => {
|
||||
@@ -1271,8 +1250,8 @@ export default {
|
||||
};
|
||||
//编辑学习路径图
|
||||
const editLearnPath = () => {
|
||||
if (!state.pathName) return message.info("请输入路径图名称");
|
||||
// if (!state.organizationSelectName) return message.info("请选择归属组织");
|
||||
if (!state.pathName) return message.warning("请输入路径图名称");
|
||||
// if (!state.organizationSelectName) return message.warning("请选择归属组织");
|
||||
// state.createLoading = true;
|
||||
let obj = {
|
||||
routerId: state.editPathId,
|
||||
@@ -1299,6 +1278,43 @@ export default {
|
||||
// state.createLoading = false;
|
||||
});
|
||||
};
|
||||
//选择状态
|
||||
const selectStatusClassify = (e, v) => {
|
||||
// console.log("eee", e, v);
|
||||
state.statusValue = e;
|
||||
state.statusClassify = v.classify;
|
||||
};
|
||||
//修改时间
|
||||
const searchTimeChange = (e, date) => {
|
||||
let startTime = date[0] + " 00:00:00";
|
||||
let endTime = date[1] + " 23:59:59";
|
||||
state.startTime = new Date(startTime).getTime() / 1000;
|
||||
state.endTime = new Date(endTime).getTime() / 1000;
|
||||
console.log("e", state.startTime, state.endTime);
|
||||
};
|
||||
//搜索学习路径
|
||||
const searchLearnPath = () => {
|
||||
state.currentPage = 1;
|
||||
console.log(
|
||||
"pathnameSearch",
|
||||
state.pathnameSearch,
|
||||
state.statusClassify,
|
||||
state.startTime,
|
||||
state.endTime
|
||||
);
|
||||
getLearnPath();
|
||||
};
|
||||
//重置学习路径
|
||||
const resetLearnPath = () => {
|
||||
state.currentPage = 1;
|
||||
state.pathnameSearch = null;
|
||||
state.statusValue = null;
|
||||
state.statusClassify = null;
|
||||
state.searchdate = null;
|
||||
state.startTime = null;
|
||||
state.endTime = null;
|
||||
getLearnPath();
|
||||
};
|
||||
onMounted(() => {
|
||||
// console.log("执行");
|
||||
getLearnPath();
|
||||
@@ -1333,6 +1349,10 @@ export default {
|
||||
changePagination,
|
||||
deleteLearnPath,
|
||||
editLearnPath,
|
||||
selectStatusClassify,
|
||||
searchTimeChange,
|
||||
searchLearnPath,
|
||||
resetLearnPath,
|
||||
};
|
||||
},
|
||||
};
|
||||
@@ -1837,6 +1857,10 @@ export default {
|
||||
.filterItems {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.pathnameInp {
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.select {
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
@@ -11,58 +11,34 @@
|
||||
<div class="main">
|
||||
<div class="name">
|
||||
<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>
|
||||
<div class="in">
|
||||
<a-input
|
||||
v-model:value="projectName"
|
||||
placeholder="请输入项目名称"
|
||||
show-count
|
||||
:maxlength="30"
|
||||
/>
|
||||
<a-input v-model:value="projectName" placeholder="请输入项目名称" show-count :maxlength="30" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<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>
|
||||
<div class="in select">
|
||||
<a-select
|
||||
:getPopupContainer="
|
||||
<a-select :getPopupContainer="
|
||||
(triggerNode) => {
|
||||
return triggerNode.parentNode || document.body;
|
||||
}
|
||||
"
|
||||
v-model:value="classifySelect"
|
||||
placeholder="四个养成"
|
||||
style="width: 100%"
|
||||
:options="classifyList"
|
||||
@change="classificationChange"
|
||||
allowClear
|
||||
showSearch
|
||||
>
|
||||
" v-model:value="classifySelect" placeholder="四个养成" style="width: 100%" :options="classifyList"
|
||||
@change="classificationChange" allowClear showSearch>
|
||||
</a-select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<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>
|
||||
<div
|
||||
class="box"
|
||||
style="
|
||||
<div class="box" style="
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: 1px solid rgba(78, 166, 255, 1);
|
||||
@@ -70,29 +46,15 @@
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
"
|
||||
>
|
||||
<a-upload
|
||||
v-model:file-list="fileList"
|
||||
name="file"
|
||||
list-type="picture-card"
|
||||
class="avatar-uploader"
|
||||
:show-upload-list="false"
|
||||
action="/api/file/upload"
|
||||
:before-upload="beforeUpload"
|
||||
@change="handleChange"
|
||||
>
|
||||
<img
|
||||
style="
|
||||
">
|
||||
<a-upload v-model:file-list="fileList" name="file" list-type="picture-card" class="avatar-uploader"
|
||||
:show-upload-list="false" action="/api/file/upload" :before-upload="beforeUpload" @change="handleChange">
|
||||
<img style="
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-bottom: 4px;
|
||||
margin-right: 4px;
|
||||
"
|
||||
v-if="imageUrl"
|
||||
:src="imageUrl"
|
||||
alt="avatar"
|
||||
/>
|
||||
" v-if="imageUrl" :src="imageUrl" alt="avatar" />
|
||||
<div v-else>
|
||||
<!-- <loading-outlined v-if="loading"></loading-outlined> -->
|
||||
<!-- <plus-outlined v-else></plus-outlined> -->
|
||||
@@ -105,55 +67,33 @@
|
||||
</div>
|
||||
<div class="name">
|
||||
<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>
|
||||
|
||||
<div class="in">
|
||||
<a-range-picker
|
||||
separator="至"
|
||||
:placeholder="[' 开始时间', ' 结束时间']"
|
||||
style="width: 100%; height: 40px; border-radius: 5px"
|
||||
show-time
|
||||
@change="onRangeChange"
|
||||
/>
|
||||
<a-range-picker separator="至" :placeholder="[' 开始时间', ' 结束时间']"
|
||||
style="width: 100%; height: 40px; border-radius: 5px" show-time @change="onRangeChange" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<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>
|
||||
<div class="in select">
|
||||
<a-select
|
||||
:getPopupContainer="
|
||||
<a-select :getPopupContainer="
|
||||
(triggerNode) => {
|
||||
return triggerNode.parentNode || document.body;
|
||||
}
|
||||
"
|
||||
:value="classifySelect1"
|
||||
placeholder="请选择项目经理"
|
||||
style="width: 100%"
|
||||
:options="classifyList1"
|
||||
@change="classificationChange1"
|
||||
allowClear
|
||||
showSearch
|
||||
>
|
||||
" :value="classifySelect1" placeholder="请选择项目经理" style="width: 100%" :options="classifyList1"
|
||||
@change="classificationChange1" allowClear showSearch>
|
||||
</a-select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<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>
|
||||
|
||||
@@ -166,13 +106,7 @@
|
||||
<div class="inname" style="margin-top: 13px">项目说明</div>
|
||||
</div>
|
||||
<div class="in">
|
||||
<a-textarea
|
||||
v-model:value="remark"
|
||||
style="height: 80px"
|
||||
placeholder="请输入说明"
|
||||
show-count
|
||||
:maxlength="200"
|
||||
/>
|
||||
<a-textarea v-model:value="remark" style="height: 80px" placeholder="请输入说明" show-count :maxlength="200" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="name name2">
|
||||
@@ -180,99 +114,57 @@
|
||||
<div class="inname">同步学习记录</div>
|
||||
</div>
|
||||
<div class="in">
|
||||
<a-radio @click="changeChecked" v-model:checked="checked"
|
||||
><span
|
||||
style="
|
||||
<a-radio @click="changeChecked" v-model:checked="checked"><span style="
|
||||
width: 100%;
|
||||
color: rgba(109, 117, 132, 1);
|
||||
font-size: 14px;
|
||||
"
|
||||
>同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
|
||||
></a-radio
|
||||
>
|
||||
">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span></a-radio>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<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>
|
||||
<div class="in">
|
||||
<a-input
|
||||
v-model:value="valueE1"
|
||||
placeholder="集团级/组织级/现地级/部门级"
|
||||
/>
|
||||
<a-input v-model:value="valueE1" placeholder="集团级/组织级/现地级/部门级" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<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>
|
||||
<div class="in">
|
||||
<a-input
|
||||
v-model:value="valueE2"
|
||||
placeholder="集团级/组织级/现地级/部门级"
|
||||
/>
|
||||
<a-input v-model:value="valueE2" placeholder="集团级/组织级/现地级/部门级" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="namebox">
|
||||
<img
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
|
||||
<div class="inname">是否BOEU实施</div>
|
||||
</div>
|
||||
<div class="in">
|
||||
<a-radio @click="changeChecked1" v-model:checked="checked1"
|
||||
><span
|
||||
style="
|
||||
<a-radio @click="changeChecked1" v-model:checked="checked1"><span style="
|
||||
width: 100%;
|
||||
color: rgba(109, 117, 132, 1);
|
||||
font-size: 14px;
|
||||
"
|
||||
>BOEU实施</span
|
||||
></a-radio
|
||||
>
|
||||
">BOEU实施</span></a-radio>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name name2">
|
||||
<div class="namebox" style="margin-top: 8px">
|
||||
<img
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
|
||||
<div class="inname">附件</div>
|
||||
</div>
|
||||
<div class="filebox">
|
||||
<div>
|
||||
<img
|
||||
v-if="fileList1.length < 6"
|
||||
class="fileimg"
|
||||
src="../../assets/images/projectadd/enclosure.png"
|
||||
/>
|
||||
<a-upload
|
||||
:disabled="fileList1.length > 5"
|
||||
:before-upload="beforeUpload1"
|
||||
v-model:file-list="fileList1"
|
||||
@remove="removeFile"
|
||||
name="file"
|
||||
action="/api/file/upload"
|
||||
:headers="headers"
|
||||
@change="handleChange1"
|
||||
>
|
||||
<img v-if="fileList1.length < 6" class="fileimg" src="../../assets/images/projectadd/enclosure.png" />
|
||||
<a-upload :disabled="fileList1.length > 5" :before-upload="beforeUpload1" v-model:file-list="fileList1"
|
||||
@remove="removeFile" name="file" action="/api/file/upload" :headers="headers" @change="handleChange1">
|
||||
<!-- <a-button> -->
|
||||
<!-- <upload-outlined></upload-outlined> -->
|
||||
<span v-if="fileList1.length > 5" class="filetext"
|
||||
>上传数量已经达到最大值</span
|
||||
>
|
||||
<span v-if="fileList1.length > 5" class="filetext">上传数量已经达到最大值</span>
|
||||
<span v-else class="filetext">上传附件</span>
|
||||
<!-- </a-button> -->
|
||||
</a-upload>
|
||||
@@ -287,13 +179,7 @@
|
||||
<div class="name">
|
||||
<div class="inname" style="width: 50px">模板</div>
|
||||
<div class="in select" style="margin-left: 2px">
|
||||
<a-select
|
||||
v-model:value="value1"
|
||||
placeholder="请选择模板"
|
||||
:size="size"
|
||||
style="width: 100%"
|
||||
:options="options"
|
||||
>
|
||||
<a-select v-model:value="value1" placeholder="请选择模板" :size="size" style="width: 100%" :options="options">
|
||||
</a-select>
|
||||
</div>
|
||||
</div>
|
||||
@@ -301,9 +187,7 @@
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="btn">
|
||||
<a-button v-on:click="createProject" type="primary" class="btn1"
|
||||
>确定</a-button
|
||||
>
|
||||
<a-button v-on:click="createProject" type="primary" class="btn1">确定</a-button>
|
||||
<a-button class="btn2">取消</a-button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -311,12 +195,14 @@
|
||||
</template>
|
||||
<script>
|
||||
import { reactive, toRefs, ref } from "vue";
|
||||
import { message } from "ant-design-vue";
|
||||
import { message } from 'ant-design-vue';
|
||||
import { useRouter } from "vue-router";
|
||||
import * as api from "../../api/index";
|
||||
|
||||
export default {
|
||||
name: "projectAdd",
|
||||
setup() {
|
||||
const router = useRouter();
|
||||
const state = reactive({
|
||||
classifySelect: null,
|
||||
classifySelectId: null,
|
||||
@@ -324,15 +210,15 @@ export default {
|
||||
checked1: false,
|
||||
valueE: null,
|
||||
valueE1: null,
|
||||
valueE2: null,
|
||||
valueE2: null
|
||||
});
|
||||
|
||||
const projectName = ref("");
|
||||
const projectName = ref('');
|
||||
|
||||
const classifyList = ref([
|
||||
{ value: 1, label: "管理者" },
|
||||
{ value: 2, label: "领军者" },
|
||||
{ value: 3, label: "产业人" },
|
||||
{ value: 1, label: '管理者' },
|
||||
{ value: 2, label: '领军者' },
|
||||
{ value: 3, label: '产业人' },
|
||||
]);
|
||||
|
||||
let projectType = "";
|
||||
@@ -344,23 +230,23 @@ export default {
|
||||
|
||||
function getBase64(img, callback) {
|
||||
const reader = new FileReader();
|
||||
reader.addEventListener("load", () => callback(reader.result));
|
||||
reader.addEventListener('load', () => callback(reader.result));
|
||||
reader.readAsDataURL(img);
|
||||
}
|
||||
|
||||
const fileList = ref([]);
|
||||
const fileList1 = ref([]);
|
||||
const loading = ref(false);
|
||||
const imageUrl = ref("");
|
||||
let picUrl = "";
|
||||
const imageUrl = ref('');
|
||||
let picUrl = '';
|
||||
|
||||
const handleChange = (info) => {
|
||||
if (info.file.status === "uploading") {
|
||||
if (info.file.status === 'uploading') {
|
||||
loading.value = true;
|
||||
return;
|
||||
}
|
||||
if (info.file.status === "done") {
|
||||
console.log("上传图片返回的信息 %o", info);
|
||||
if (info.file.status === 'done') {
|
||||
console.log('上传图片返回的信息 %o', info)
|
||||
picUrl = info.file.response.data;
|
||||
// Get this url from response in real world.
|
||||
getBase64(info.file.originFileObj, (base64Url) => {
|
||||
@@ -368,9 +254,9 @@ export default {
|
||||
loading.value = false;
|
||||
});
|
||||
}
|
||||
if (info.file.status === "error") {
|
||||
if (info.file.status === 'error') {
|
||||
loading.value = false;
|
||||
message.error("upload error");
|
||||
message.error('upload error');
|
||||
}
|
||||
};
|
||||
|
||||
@@ -379,17 +265,12 @@ export default {
|
||||
let attach = "";
|
||||
let attachData = "";
|
||||
const handleChange1 = (info) => {
|
||||
if (info.file.status === "uploading") {
|
||||
if (info.file.status === 'uploading') {
|
||||
loading.value = true;
|
||||
return;
|
||||
}
|
||||
if (info.file.status === "done") {
|
||||
console.log(
|
||||
"上传附件返回的信息 %o",
|
||||
info,
|
||||
info.fileList.length,
|
||||
uplodaFileCount
|
||||
);
|
||||
if (info.file.status === 'done') {
|
||||
console.log('上传附件返回的信息 %o', info, info.fileList.length, uplodaFileCount)
|
||||
|
||||
let attachStr = "";
|
||||
attachData = info.fileList;
|
||||
@@ -397,10 +278,10 @@ export default {
|
||||
if (attachData.length - 1 == i) {
|
||||
attachStr += attachData[i].response.data;
|
||||
} else {
|
||||
attachStr += attachData[i].response.data + ",";
|
||||
attachStr += attachData[i].response.data + ',';
|
||||
}
|
||||
}
|
||||
console.log(attachStr);
|
||||
console.log(attachStr)
|
||||
attach = attachStr;
|
||||
|
||||
if (info.fileList.length > 5) {
|
||||
@@ -409,21 +290,20 @@ export default {
|
||||
uplodaFileCount = false;
|
||||
}
|
||||
}
|
||||
if (info.file.status === "error") {
|
||||
if (info.file.status === 'error') {
|
||||
loading.value = false;
|
||||
message.error("upload error");
|
||||
message.error('upload error');
|
||||
}
|
||||
};
|
||||
|
||||
const beforeUpload = (file) => {
|
||||
const isJpgOrPng =
|
||||
file.type === "image/jpeg" || file.type === "image/png";
|
||||
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
|
||||
if (!isJpgOrPng) {
|
||||
message.error("You can only upload JPG file!");
|
||||
message.error('You can only upload JPG file!');
|
||||
}
|
||||
const isLt2M = file.size / 1024 / 1024 < 1;
|
||||
if (!isLt2M) {
|
||||
message.error("Image must smaller than 1MB!");
|
||||
message.error('Image must smaller than 1MB!');
|
||||
}
|
||||
return isJpgOrPng && isLt2M;
|
||||
};
|
||||
@@ -431,61 +311,59 @@ export default {
|
||||
const beforeUpload1 = () => {
|
||||
return new Promise((resovle, reject) => {
|
||||
if (uplodaFileCount) {
|
||||
message.info("上传文件数量已达最大数量");
|
||||
message.info("上传文件数量已达最大数量")
|
||||
return reject(false);
|
||||
}
|
||||
return resovle(true);
|
||||
});
|
||||
})
|
||||
};
|
||||
|
||||
let beginTime = "";
|
||||
let endTime = "";
|
||||
const onRangeChange = (value, dateString) => {
|
||||
console.log("Selected Time: ", value);
|
||||
console.log('Selected Time: ', value);
|
||||
// 项目时间选择函数
|
||||
console.log("Formatted Selected Time: ", dateString);
|
||||
console.log(
|
||||
"Formatted Selected TimeStamp",
|
||||
new Date(dateString[0]).getTime()
|
||||
);
|
||||
beginTime = new Date(dateString[0]).getTime();
|
||||
endTime = new Date(dateString[1]).getTime();
|
||||
console.log('Formatted Selected Time: ', dateString);
|
||||
console.log('Formatted Selected TimeStamp', new Date(dateString[0]).getTime())
|
||||
beginTime = new Date(dateString[0]).getTime() / 1000;
|
||||
endTime = new Date(dateString[1]).getTime() / 1000;
|
||||
};
|
||||
|
||||
|
||||
// 项目经理 后续接口调用
|
||||
const classifyList1 = ref([
|
||||
{ value: 1, label: "李俊国" },
|
||||
{ value: 2, label: "将小米" },
|
||||
{ value: 3, label: "刘孟君" },
|
||||
{ value: 1, label: '李俊国' },
|
||||
{ value: 2, label: '将小米' },
|
||||
{ value: 3, label: '刘孟君' },
|
||||
]);
|
||||
|
||||
let manager = "";
|
||||
let managerId = "";
|
||||
const classificationChange1 = (key) => {
|
||||
console.log(`selected ${key}`);
|
||||
console.log(classifyList1.value[key - 1].label);
|
||||
manager = String(classifyList1.value[key - 1].label);
|
||||
managerId = String(key);
|
||||
console.log(classifyList1.value[key - 1].label)
|
||||
manager = String(classifyList1.value[key - 1].label)
|
||||
managerId = String(key)
|
||||
};
|
||||
|
||||
// 资源归属 sourceBelongId 后续给接口
|
||||
|
||||
// 项目说明
|
||||
const remark = ref("");
|
||||
const remark = ref('');
|
||||
|
||||
let courseSyncFlag = 0;
|
||||
const changeChecked = () => {
|
||||
console.log(state.checked);
|
||||
state.checked ? (state.checked = false) : (state.checked = true);
|
||||
console.log(state.checked)
|
||||
state.checked ? state.checked = false : state.checked = true;
|
||||
courseSyncFlag = state.checked ? 1 : 0;
|
||||
};
|
||||
}
|
||||
|
||||
let boeFlag = 0;
|
||||
const changeChecked1 = () => {
|
||||
console.log(state.checked1);
|
||||
state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
|
||||
console.log(state.checked1)
|
||||
state.checked1 ? state.checked1 = false : state.checked1 = true;
|
||||
boeFlag = state.checked1 ? 1 : 0;
|
||||
};
|
||||
}
|
||||
|
||||
const removeFile = (file) => {
|
||||
const index = fileList1.value.indexOf(file);
|
||||
@@ -498,72 +376,81 @@ export default {
|
||||
attachStr = "";
|
||||
}
|
||||
for (let i = 0; i < fileList1["value"].length; i++) {
|
||||
console.log(fileList1["value"][i].response.data);
|
||||
console.log(fileList1["value"][i].response.data)
|
||||
if (fileList1["value"].length - 1 == i) {
|
||||
attachStr += fileList1["value"][i].response.data;
|
||||
} else {
|
||||
attachStr += fileList1["value"][i].response.data + ",";
|
||||
attachStr += fileList1["value"][i].response.data + ',';
|
||||
}
|
||||
}
|
||||
attach = attachStr;
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
const errorMsgs = {
|
||||
name: "请输入项目名称",
|
||||
type: "请选择项目分类",
|
||||
picUrl: "请上传项目封面图",
|
||||
beginTime: "请选择项目开始时间",
|
||||
endTime: "请选择项目结束时间",
|
||||
manager: "请选择项目经理",
|
||||
managerId: "请选择项目经理",
|
||||
sourceBelongId: "请选择资源归属",
|
||||
level: "请填写项目级别",
|
||||
systemId: "请填写项目培训体系",
|
||||
boeFlag: "请选择是否BOE实施",
|
||||
attach: "请上传附件",
|
||||
};
|
||||
"name": "请输入项目名称",
|
||||
"type": "请选择项目分类",
|
||||
"picUrl": "请上传项目封面图",
|
||||
"beginTime": "请选择项目开始时间",
|
||||
"endTime": "请选择项目结束时间",
|
||||
"manager": "请选择项目经理",
|
||||
"managerId": "请选择项目经理",
|
||||
"sourceBelongId": "请选择资源归属",
|
||||
"level": "请填写项目级别",
|
||||
"systemId": "请填写项目培训体系",
|
||||
"boeFlag": "请选择是否BOE实施",
|
||||
"attach": "请上传附件"
|
||||
}
|
||||
|
||||
const createProject = () => {
|
||||
let obj = {
|
||||
name: projectName["value"],
|
||||
type: projectType,
|
||||
picUrl: picUrl,
|
||||
beginTime: beginTime,
|
||||
endTime: endTime,
|
||||
manager: manager,
|
||||
managerId: managerId,
|
||||
sourceBelongId: 11,
|
||||
remark: remark["value"],
|
||||
courseSyncFlag: courseSyncFlag,
|
||||
level: 3,
|
||||
systemId: 4,
|
||||
boeFlag: boeFlag,
|
||||
attach: attach,
|
||||
templateId: 10,
|
||||
|
||||
category: 0,
|
||||
notice: "",
|
||||
noticeFlag: 0,
|
||||
status: 0,
|
||||
};
|
||||
console.log("提交的数据格式 %o", obj);
|
||||
"name": projectName["value"],
|
||||
"type": projectType,
|
||||
"picUrl": picUrl,
|
||||
"beginTime": beginTime,
|
||||
"endTime": endTime,
|
||||
"manager": manager,
|
||||
"managerId": managerId,
|
||||
"sourceBelongId": 11,
|
||||
"remark": remark["value"],
|
||||
"courseSyncFlag": courseSyncFlag,
|
||||
"level": 3,
|
||||
"systemId": 4,
|
||||
"boeFlag": boeFlag,
|
||||
"attach": attach,
|
||||
"templateId": 10,
|
||||
"parentId": 0,
|
||||
"category": 0,
|
||||
"notice": "",
|
||||
"noticeFlag": 0,
|
||||
"status": 0
|
||||
}
|
||||
console.log('提交的数据格式 %o', obj)
|
||||
for (let i in errorMsgs) {
|
||||
console.log(obj[i]);
|
||||
console.log(obj[i])
|
||||
if (obj[i] === "") {
|
||||
message.destroy();
|
||||
message.warning(errorMsgs[i]);
|
||||
return;
|
||||
message.destroy()
|
||||
message.warning(errorMsgs[i])
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
api
|
||||
.createProject(obj)
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
api.createProject(obj).then(res => {
|
||||
console.log(res)
|
||||
if (res.status == 200 && res.data.code == 200) {
|
||||
router.push({
|
||||
path: '/taskpage',
|
||||
query: { id: res.data.data.projectId }
|
||||
});
|
||||
} else {
|
||||
message.destroy();
|
||||
message.error("创建失败，请检查当前网络状态。")
|
||||
}
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
message.destroy();
|
||||
message.error("创建失败，请检查当前网络状态。")
|
||||
})
|
||||
};
|
||||
|
||||
return {
|
||||
@@ -587,9 +474,9 @@ export default {
|
||||
changeChecked1,
|
||||
uplodaFileCount,
|
||||
createProject,
|
||||
removeFile,
|
||||
removeFile
|
||||
};
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
||||
@@ -486,59 +486,7 @@ import ProjOwnerShip from "../../components/drawers/ProjectOwn";
|
||||
import ProjPowerList from "../../components/drawers/ProjPowerList";
|
||||
import ProjCheckShip from "../../components/drawers/ProjCheckPower";
|
||||
import ProjManageShip from "../../components/drawers/ProjManagePower";
|
||||
const columns = [
|
||||
{
|
||||
title: "项目名称",
|
||||
dataIndex: "projectName",
|
||||
key: "projectName",
|
||||
width: 280,
|
||||
// align: "center",
|
||||
ellipsis: true,
|
||||
// scopedSlots: { customRender: "action" }, //引入的插槽
|
||||
// customRender: (text, record) => {
|
||||
// console.log(text, record);
|
||||
// return <span>{text.text}</span>;
|
||||
// },
|
||||
},
|
||||
{
|
||||
title: "项目经理",
|
||||
dataIndex: "manager",
|
||||
key: "manager",
|
||||
width: 100,
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "状态",
|
||||
dataIndex: "state",
|
||||
// width: "30%",
|
||||
key: "state",
|
||||
width: 100,
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "创建人",
|
||||
dataIndex: "creater",
|
||||
// width: "30%",
|
||||
key: "creater",
|
||||
width: 100,
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "创建时间",
|
||||
dataIndex: "time",
|
||||
key: "time",
|
||||
width: 180,
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
dataIndex: "operation",
|
||||
key: "operation",
|
||||
width: 300,
|
||||
align: "center",
|
||||
fixed: "right",
|
||||
},
|
||||
];
|
||||
import * as api from '../../api/index'
|
||||
|
||||
export default {
|
||||
name: "projectManage",
|
||||
@@ -572,256 +520,6 @@ export default {
|
||||
],
|
||||
projectName: null,
|
||||
selectTime: null,
|
||||
|
||||
tableData: [
|
||||
{
|
||||
key: 1,
|
||||
projectName:
|
||||
"管理者进阶1管理者进阶1管理者进阶1管理者进阶1管理者进阶1管理者进阶1管理者进阶1",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "1-1",
|
||||
projectName: "管理者进阶5",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "1-1-1",
|
||||
projectName:
|
||||
"管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
projectName: "管理者进阶2",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
hasChildren: true,
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
projectName: "管理者进阶3",
|
||||
manager: "黄华 刘俊",
|
||||
state: "进行中",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
hasChildren: true,
|
||||
children: [
|
||||
{
|
||||
key: "3-1",
|
||||
projectName: "管理者进阶35",
|
||||
manager: "黄华 刘俊",
|
||||
state: "已结束",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: "3-2",
|
||||
projectName: "管理者进阶36",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶4",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶5",
|
||||
manager: "黄华 刘俊",
|
||||
state: "已结束",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "4-1",
|
||||
projectName: "管理者进阶5",
|
||||
manager: "黄华 刘俊",
|
||||
state: "进行中",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "4-1-1",
|
||||
projectName:
|
||||
"管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
projectName: "管理者进阶5",
|
||||
manager: "黄华 刘俊",
|
||||
state: "已结束",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "5-1",
|
||||
projectName: "管理者进阶5",
|
||||
manager: "黄华 刘俊",
|
||||
state: "已结束",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "5-1-1",
|
||||
projectName:
|
||||
"管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7",
|
||||
manager: "黄华 刘俊",
|
||||
state: "进行中",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
currentPage: 1,
|
||||
tableDataTotal: 20,
|
||||
pageSize: 10,
|
||||
sonproject: false,
|
||||
estabish: false,
|
||||
doublepro: false,
|
||||
@@ -842,6 +540,7 @@ export default {
|
||||
ProjManagevisible: false,
|
||||
});
|
||||
// 数据接入 - start -
|
||||
|
||||
// 项目分类
|
||||
const classifyList = ref([
|
||||
{ value: 1, label: '管理者' },
|
||||
@@ -910,13 +609,93 @@ export default {
|
||||
console.log("e", e, a);
|
||||
};
|
||||
|
||||
// 获取项目列表信息
|
||||
let tableData = ref([]);
|
||||
let currentPage = ref(1);
|
||||
let tableDataTotal = ref(1);
|
||||
let pageSize = ref(10);
|
||||
|
||||
const columns = ref([
|
||||
{
|
||||
title: "项目名称",
|
||||
dataIndex: "name",
|
||||
key: "name",
|
||||
width: 280,
|
||||
// align: "center",
|
||||
ellipsis: true,
|
||||
// scopedSlots: { customRender: "action" }, //引入的插槽
|
||||
// customRender: (text, record) => {
|
||||
// console.log(text, record);
|
||||
// return <span>{text.text}</span>;
|
||||
// },
|
||||
},
|
||||
{
|
||||
title: "项目经理",
|
||||
dataIndex: "manager",
|
||||
key: "manager",
|
||||
width: 100,
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "状态",
|
||||
dataIndex: "status",
|
||||
// width: "30%",
|
||||
key: "status",
|
||||
width: 100,
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "创建人",
|
||||
dataIndex: "createName",
|
||||
// width: "30%",
|
||||
key: "createName",
|
||||
width: 100,
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "创建时间",
|
||||
dataIndex: "createTime",
|
||||
key: "createTime",
|
||||
width: 180,
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
dataIndex: "operation",
|
||||
key: "operation",
|
||||
width: 300,
|
||||
align: "center",
|
||||
fixed: "right",
|
||||
customRender: () => {
|
||||
return (
|
||||
<div class="operation">
|
||||
<div class="nSelect">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
},
|
||||
|
||||
]);
|
||||
|
||||
const getTableDate = () => {
|
||||
let data = state.tableData;
|
||||
let obj = {
|
||||
pageNo: 1,
|
||||
pageSize: 10
|
||||
}
|
||||
api.getProjectList(obj).then(res => {
|
||||
console.log(res)
|
||||
if (res.status == 200 && res.data.code == 200) {
|
||||
tableDataTotal = Math.ceil(Number(res.data.data.total) / 10)
|
||||
let data = res.data.data.rows;
|
||||
console.log('1266',data)
|
||||
data.map((value) => {
|
||||
if (value.children) {
|
||||
console.log('map-value',value)
|
||||
if (value.subList.length!==0) {
|
||||
//多层项目
|
||||
value.operation =
|
||||
value.state === "草稿" ? (
|
||||
value.status === "草稿" ? (
|
||||
<div class="operation">
|
||||
<span class="operation1">编辑</span>
|
||||
<div class="tableSelect">
|
||||
@@ -997,7 +776,7 @@ export default {
|
||||
</a-select>
|
||||
</div>
|
||||
</div>
|
||||
) : value.state === "进行中" ? (
|
||||
) : value.status === "进行中" ? (
|
||||
<div class="operation">
|
||||
<span class="operation1">查看</span>
|
||||
<div class="tableSelect">
|
||||
@@ -1057,7 +836,7 @@ export default {
|
||||
</span>
|
||||
<span class="more"></span>
|
||||
</div>
|
||||
) : value.state === "已结束" ? (
|
||||
) : value.status === "已结束" ? (
|
||||
<div class="operation">
|
||||
<span class="operation1">查看</span>
|
||||
<div class="tableSelect">
|
||||
@@ -1127,8 +906,7 @@ export default {
|
||||
) : (
|
||||
<div></div>
|
||||
);
|
||||
|
||||
value.children.map((item) => {
|
||||
value.subList.map((item) => {
|
||||
if (item.children) {
|
||||
//多层子项目
|
||||
item.operation =
|
||||
@@ -2135,7 +1913,7 @@ export default {
|
||||
//单层项目
|
||||
value.operation = (
|
||||
<div class="operation">
|
||||
{value.state === "草稿" ? (
|
||||
{value.status === "草稿" ? (
|
||||
<span class="operation1">编辑</span>
|
||||
) : (
|
||||
<span class="operation1"></span>
|
||||
@@ -2188,7 +1966,7 @@ export default {
|
||||
</a-select>
|
||||
</div>
|
||||
|
||||
{value.state === "草稿" ? (
|
||||
{value.status === "草稿" ? (
|
||||
<span class="operation3">发布</span>
|
||||
) : (
|
||||
<span
|
||||
@@ -2201,7 +1979,7 @@ export default {
|
||||
</span>
|
||||
)}
|
||||
<div class="tableSelect">
|
||||
{value.state === "草稿" ? (
|
||||
{value.status === "草稿" ? (
|
||||
<a-select
|
||||
style="width: 50px"
|
||||
value="更多"
|
||||
@@ -2239,7 +2017,7 @@ export default {
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
) : value.state === "进行中" ? (
|
||||
) : value.status === "进行中" ? (
|
||||
<a-select
|
||||
style="width: 50px"
|
||||
value="更多"
|
||||
@@ -2277,7 +2055,7 @@ export default {
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
) : value.state === "已结束" || value.state === "未开始" ? (
|
||||
) : value.status === "已结束" || value.status === "未开始" ? (
|
||||
<a-select
|
||||
style="width: 50px"
|
||||
value="更多"
|
||||
@@ -2314,8 +2092,13 @@ export default {
|
||||
);
|
||||
}
|
||||
});
|
||||
state.tableData = data;
|
||||
console.log("tableData", state.tableData);
|
||||
tableData.value = data;
|
||||
console.log("tableData", tableData);
|
||||
}
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
|
||||
};
|
||||
getTableDate();
|
||||
|
||||
@@ -2392,7 +2175,6 @@ export default {
|
||||
};
|
||||
return {
|
||||
...toRefs(state),
|
||||
columns,
|
||||
selectProjectName,
|
||||
expandTable,
|
||||
showModal,
|
||||
@@ -2419,6 +2201,11 @@ export default {
|
||||
showProjCheck,
|
||||
showProjManage,
|
||||
|
||||
tableData,
|
||||
currentPage,
|
||||
tableDataTotal,
|
||||
pageSize,
|
||||
columns,
|
||||
createStoreyProject,
|
||||
classifyList,
|
||||
classifyList1,
|
||||
@@ -2429,6 +2216,8 @@ export default {
|
||||
value3,
|
||||
value4,
|
||||
value5,
|
||||
|
||||
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
@@ -539,6 +539,7 @@ import AddVote from "../../components/drawers/AddVote.vue";
|
||||
import { message } from "ant-design-vue";
|
||||
import * as api from "../../api/indexTaskadd";
|
||||
import * as apilive from "../../api/indexLiveBroadcast";
|
||||
import * as apidiscuss from "../../api/indexDiscuss";
|
||||
import * as apieval from "../../api/indexEval";
|
||||
import * as apiinvist from "../../api/indexInvist";
|
||||
const drawercolumns = [
|
||||
@@ -858,6 +859,7 @@ export default {
|
||||
deleteLiveID: null, //删除直播id
|
||||
deleteEvalID: null, //测评
|
||||
deleteInvistID: null, //评估
|
||||
deleteDiscussID: null, //删除讨论id
|
||||
});
|
||||
const selectProjectName = (value, index) => {
|
||||
console.log("value", value, index);
|
||||
@@ -1030,7 +1032,24 @@ export default {
|
||||
console.log(err);
|
||||
});
|
||||
};
|
||||
|
||||
//删除讨论
|
||||
const deleteDiscuss = () => {
|
||||
let obj = {
|
||||
discussId: state.deleteDiscussID,
|
||||
};
|
||||
apidiscuss
|
||||
.deleteDiscuss(obj)
|
||||
.then((res) => {
|
||||
console.log("删除成功", res);
|
||||
message.success("删除成功");
|
||||
state.deleteModal = false;
|
||||
//重新获取列表
|
||||
getTask();
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("删除失败", err);
|
||||
});
|
||||
};
|
||||
//删除测评测试
|
||||
const deleteEvalText = () => {
|
||||
let obj = {
|
||||
@@ -1194,6 +1213,7 @@ export default {
|
||||
changebgc,
|
||||
getTask,
|
||||
deleteLiveBroadcast,
|
||||
deleteDiscuss,
|
||||
deleteEvalText,
|
||||
deleteInvistText,
|
||||
};
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -27,10 +27,12 @@
|
||||
<a-upload
|
||||
v-model:file-list="fileList"
|
||||
name="avatar"
|
||||
action="/api/file/upload"
|
||||
list-type="picture-card"
|
||||
class="avatar-uploader"
|
||||
:show-upload-list="false"
|
||||
:before-upload="beforeUpload"
|
||||
@change="handleChange"
|
||||
>
|
||||
<!-- <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
|
||||
<div v-else>
|
||||
@@ -39,6 +41,27 @@
|
||||
<div class="ant-upload-text">Upload</div>
|
||||
</div> -->
|
||||
</a-upload>
|
||||
|
||||
<div
|
||||
style="
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
background: #388be1;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
line-height: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
"
|
||||
@click="golearningpath"
|
||||
>
|
||||
跳转
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@@ -52,6 +75,7 @@ import * as api from "../../api/index1";
|
||||
// reader.addEventListener("load", () => callback(reader.result));
|
||||
// reader.readAsDataURL(img);
|
||||
// }
|
||||
import { useRouter } from "vue-router";
|
||||
export default {
|
||||
name: "SystemManage",
|
||||
components: {
|
||||
@@ -141,13 +165,17 @@ export default {
|
||||
}
|
||||
// return isJpgOrPng && isLt2M;
|
||||
};
|
||||
|
||||
const router = useRouter();
|
||||
const golearningpath = () => {
|
||||
router.push({ path: "/learningpath", params: { id: 1 } });
|
||||
};
|
||||
return {
|
||||
...toRefs(state),
|
||||
showDrawer,
|
||||
changeRadio,
|
||||
handleChange,
|
||||
beforeUpload,
|
||||
golearningpath,
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user