hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-17 23:06:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

合并

Browse Source
This commit is contained in:
dongwug
2022-11-02 18:16:24 +08:00
parent f94a1ba53c ed9d952566
commit 6a9b3eaa8e
11 changed files with 5065 additions and 4448 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/api/index.js
View File

@@ -37,11 +37,8 @@ import http from "./config";
// 接口-请求 // 接口-请求
// 创建编辑单层项目 // 创建编辑单层项目（type=3）/ 多层项目（type=1）/ 多层子项目（type=2）
export const createProject = (obj) => http.post('/admin/project/edit', obj) export const createProject = (obj) => http.post('/admin/project/edit', obj)
// 创建多层项目
export const createStoreyProject = (obj) => http.post('/admin/project/edit', obj)
// 获取项目列表 // 获取项目列表
export const getProjectList = (obj) => http.post('/admin/project/list', obj) export const getProjectList = (obj) => http.post('/admin/project/list', obj)

2
src/api/indexDiscuss.js
View File

@@ -10,4 +10,4 @@ export const getDiscussDetail = (obj) => http.post('/discuss/getDiscussDetail',
export const deleteDiscuss = (obj) => http.post('/discuss/deleteDiscuss', { params: obj }); export const deleteDiscuss = (obj) => http.post('/discuss/deleteDiscuss', { params: obj });
//修改讨论接口 //修改讨论接口
export const updateDiscuss = (obj) => http.post('/discuss/updateDiscuss', { params: obj }); export const updateDiscuss = (obj) => http.post('/discuss/updateDiscuss', obj );

8
src/api/indexLevel.js
View File

@@ -1,8 +1,14 @@
import http from "./config"; import http from "./config";
//新建或编辑关卡 //新建关卡
export const editChapter = (obj) => http.post('/admin/router/editChapter', obj, { export const editChapter = (obj) => http.post('/admin/router/editChapter', obj, {
headers: { headers: {
'token': '123' 'token': '123'
} }
}); });
//编辑关卡
export const updateChapter = (obj) => http.post('/admin/router/editChapter', obj, {
headers: {
'token': '123'
}
});

9
src/components/drawers/AddActive.vue
View File

@@ -71,6 +71,12 @@
</div> </div>
<div class="main_item"> <div class="main_item">
<div class="signbox"> <div class="signbox">
<div class="sign">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<span style="margin-right: 3px">活动时间：</span> <span style="margin-right: 3px">活动时间：</span>
</div> </div>
<div class="btnbox"> <div class="btnbox">
@@ -284,8 +290,9 @@ export default {
//创建活动 //创建活动
const createActivity = () => { const createActivity = () => {
if(!state.inputV1) return message.warning("请输入活动名称"); if(!state.inputV1) return message.warning("请输入活动名称");
if(!state.inputV2) return message.warning("请输入活动时长");
if(!state.textV1) return message.warning("请输入活动公告"); if(!state.textV1) return message.warning("请输入活动公告");
if(!state.time) return message.warning("请输入活动时间");
if(!state.inputV2) return message.warning("请输入活动时长");
if(!state.inputV3) return message.warning("请输入活动地址"); if(!state.inputV3) return message.warning("请输入活动地址");
let startTime = toDate(new Date(state.time[0].$d).getTime() / 1000, "Y-M-D"); let startTime = toDate(new Date(state.time[0].$d).getTime() / 1000, "Y-M-D");
let endTime = toDate(new Date(state.time[1].$d).getTime() / 1000, "Y-M-D"); let endTime = toDate(new Date(state.time[1].$d).getTime() / 1000, "Y-M-D");

4
src/components/drawers/ProMess.vue
View File

@@ -3,7 +3,7 @@
:visible="Provisible" :visible="Provisible"
class="drawerStyle promess" class="drawerStyle promess"
placement="right" placement="right"
width="50%" width="70%"
@after-visible-change="afterVisibleChange" @after-visible-change="afterVisibleChange"
> >
<div class="drawerMain"> <div class="drawerMain">
@@ -75,7 +75,7 @@ export default {
} }
} }
.drawerMain { .drawerMain {
min-width: 434px; min-width: 600px;
margin: 0px 32px 0px 32px; margin: 0px 32px 0px 32px;
overflow-x: scroll; overflow-x: scroll;
display: flex; display: flex;

298
src/components/drawers/SeeStu.vue
View File

@@ -69,178 +69,74 @@
</div> </div>
</div> </div>
<div class="mainbox"> <div class="mainbox">
<div class="rowtitle" @click="changeDown"> <a-collapse v-model:activeKey="stageListActive" >
<div class="titleimg"> <template #expandIcon="{ isActive }">
<img <img style="margin-right: 20px"
:src=" :src="
showDown 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> </template>
<div class="titletext">阶段1 腾飞班阶段1</div> <a-collapse-panel v-for="(value, index) in stageList" :key="index" :header="value.text">
</div> <div class="rowclass" v-for="(item, key) in value.children" :key="key">
<div :style="{ display: showDown ? 'block' : 'none' }">
<div class="rowclass">
<div class="leftclass"> <div class="leftclass">
<div><img src="../../assets/images/leveladd/zai.png" /></div> <div><img :src="
<div class="text1">在线</div> item.course === '在线'
<div class="text2">如何成为一个产品经理</div> ? require('../../assets/images/leveladd/zai.png')
: item.course === '面授'
? require('../../assets/images/leveladd/mian.png')
: item.course === '案例'
? require('../../assets/images/leveladd/an.png')
: item.course === '作业'
? require('../../assets/images/leveladd/zuo.png')
: item.course === '考试'
? require('../../assets/images/leveladd/kao.png')
: item.course === '直播'
? require('../../assets/images/leveladd/zhi.png')
: item.course === '外链'
? require('../../assets/images/leveladd/wai.png')
: item.course === '讨论'
? require('../../assets/images/leveladd/tao.png')
: item.course === '活动'
? require('../../assets/images/leveladd/huo.png')
: item.course === '测评'
? require('../../assets/images/leveladd/ce.png')
: item.course === '调研'
? require('../../assets/images/leveladd/diao.png')
: item.course === '投票'
? require('../../assets/images/leveladd/tou.png')
: null
" /></div>
<div class="text1">{{item.course}}</div>
<div class="text2">{{item.name}}</div>
</div> </div>
<div class="alreadyclass"> <div class="alreadyclass">
<div class="alimg"> <div class="alimg">
<img src="../../assets/images/studentimg/complete.png" /> <img :src="
</div> item.complete === '已完成'
<div class="altext">已完成</div> ? require('../../assets/images/studentimg/complete.png')
</div> : require('../../assets/images/studentimg/notice.png')
</div> "/>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/zhi.png" /></div>
<div class="text1">直播</div>
<div class="text2">管理者播课</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/complete.png" />
</div>
<div class="altext">已完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/mian.png" /></div>
<div class="text1">面授</div>
<div class="text2">管理面授课</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/huo.png" /></div>
<div class="text1">活动</div>
<div class="text2">管理者活动</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/zuo.png" /></div>
<div class="text1">作业</div>
<div class="text2">管理者作业</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div>
</div>
</div>
</div>
</div>
<div class="mainbox">
<div class="rowtitle" @click="changeDown1">
<div class="titleimg">
<img
:src="
showDown1
? require('../../assets/images/studentimg/open.png')
: require('../../assets/images/studentimg/close.png')
"
/>
</div>
<div class="titletext">阶段2 腾飞班阶段2</div>
</div>
<div :style="{ display: showDown1 ? 'block' : 'none' }">
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/zai.png" /></div>
<div class="text1">在线</div>
<div class="text2">如何成为一个产品经理</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/complete.png" />
</div>
<div class="altext">已完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/zhi.png" /></div>
<div class="text1">直播</div>
<div class="text2">管理者播课</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/complete.png" />
</div>
<div class="altext">已完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/mian.png" /></div>
<div class="text1">面授</div>
<div class="text2">管理面授课</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/huo.png" /></div>
<div class="text1">活动</div>
<div class="text2">管理者活动</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/zuo.png" /></div>
<div class="text1">作业</div>
<div class="text2">管理者作业</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div>
</div> </div>
<div class="altext">{{item.complete}}</div>
</div> </div>
</div> </div>
</a-collapse-panel>
</a-collapse>
</div> </div>
</div> </div>
<div class="btnn"> <div class="btnn">
<button class="btn2" @click="closeDrawer">关闭</button> <button class="btn2" @click="closeDrawer">关闭</button>
</div> </div>
</div> </div>
</a-drawer>
<pro-mess v-model:Provisible="Provisible" /> <pro-mess v-model:Provisible="Provisible" />
</a-drawer>
</template> </template>
<script> <script>
import { reactive, toRefs } from "vue"; import { reactive, toRefs} from "vue";
import ProMess from "./ProMess.vue"; import ProMess from "./ProMess.vue";
export default { export default {
name: "SeeStu", name: "SeeStu",
@@ -256,6 +152,69 @@ export default {
Provisible: false, Provisible: false,
showDown: true, showDown: true,
showDown1: false, showDown1: false,
stageList: [
{
text: "阶段1腾飞班阶段1",
children: [
{
course: "在线",
name: "如何成为一个产品经理",
complete: "已完成",
},
{
course: "直播",
name: "管理直播课",
complete: "已完成",
},
{
course: "面授",
name: "管理面授课",
complete: "未完成",
},
{
course: "活动",
name: "管理活动",
complete: "未完成",
},
{
course: "作业",
name: "管理者作业",
complete: "未完成",
},
],
},
{
text: "阶段2腾飞班阶段2",
children: [
{
course: "考试",
name: "如何成为一个产品经理",
complete: "已完成",
},
{
course: "案例",
name: "如何成为一个产品经理",
complete: "已完成",
},
{
course: "外链",
name: "如何成为一个产品经理",
complete: "已完成",
},
{
course: "讨论",
name: "如何成为一个产品经理",
complete: "未完成",
},
{
course: "测评",
name: "如何成为一个产品经理",
complete: "未完成",
},
],
},
],
stageListActive: 0,
}); });
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:Seevisible", false); ctx.emit("update:Seevisible", false);
@@ -286,7 +245,7 @@ export default {
}; };
</script> </script>
<style scoped lang="scss" > <style lang="scss" >
.seestu { .seestu {
.ant-drawer-content-wrapper { .ant-drawer-content-wrapper {
// max-width: 1000px; // max-width: 1000px;
@@ -399,24 +358,33 @@ export default {
// height: 463px; // height: 463px;
margin-right: 37px; margin-right: 37px;
margin-top: 32px; margin-top: 32px;
//border: 1px solid rgba(221, 238, 255, 1);
//border-radius: 6px;
.ant-collapse {
background-color: #FFFFFF;
border: 0;
}
.ant-collapse-content > .ant-collapse-content-box {
padding: 0;
border: 0;
}
.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;
.rowtitle { margin-bottom: 15px;
height: 56px; border-bottom: 0px;
background: rgba(240, 246, 252, 1); }
.ant-collapse-content {
border-top: 0;
}
.ant-collapse-header {
display: flex; display: flex;
align-items: center; align-items: center;
.titleimg { height: 56px;
width: 20px; background-color: rgba(240, 246, 252, 1);
height: 20px;
margin-left: 23px;
}
.titletext {
color: rgba(51, 51, 51, 1);
font-size: 16px; font-size: 16px;
color: rgba(51, 51, 51, 1);
font-weight: 500; font-weight: 500;
margin-left: 16px;
}
} }
.rowclass { .rowclass {
height: 81px; height: 81px;

27
src/views/learningpath/LevelAddDetail.vue
View File

@@ -817,9 +817,10 @@ export default {
isactive: -1, isactive: -1,
isActive: false, isActive: false,
projectChecked: null, //项目单选框 projectChecked: null, //项目单选框
updateChapterID: null, //修改关卡id
}); });
//新建或编辑关卡 //新建关卡
const editChapter = () => { const editChapter = () => {
if(!state.value1) return message.warning("请输入关卡名称"); if(!state.value1) return message.warning("请输入关卡名称");
let obj = { let obj = {
@@ -845,6 +846,25 @@ export default {
console.log("创建失败", err); console.log("创建失败", err);
}); });
} }
//编辑关卡
const updateChapter = () => {
let obj = {
chapterId: state.updateChapterID,
name: "",
remark:"",
routerId: 0,
};
api
.updateChapter(obj)
.then((res) => {
console.log("修改成功",res);
message.success("修改成功");
})
.catch((err) => {
console.log("修改失败",err);
})
};
const showDrawer = () => { const showDrawer = () => {
state.visible = true; state.visible = true;
}; };
@@ -973,7 +993,9 @@ export default {
<span style="color:#4EA6FF;margin-right:25px;cursor:pointer"> <span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
编辑 编辑
</span> </span>
<span style="color:#4EA6FF;cursor:pointer">删除</span> <span style="color:#4EA6FF;cursor:pointer" onClick={() => {
updateChapter();
}}>删除</span>
</div> </div>
</div> </div>
); );
@@ -1204,6 +1226,7 @@ export default {
delete_exit, delete_exit,
drawertableColumns, drawertableColumns,
editChapter, editChapter,
updateChapter,
}; };
}, },
}; };

113
src/views/projectcenter/ProjectAdd.vue
View File

@@ -81,12 +81,12 @@
<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 select"> <div class="in">
<a-select :getPopupContainer=" <a-select :getPopupContainer="
(triggerNode) => { (triggerNode) => {
return triggerNode.parentNode || document.body; return triggerNode.parentNode || document.body;
} }
" :value="classifySelect1" placeholder="请选择项目经理" style="width: 100%" :options="classifyList1" " :value="classifySelect1" mode="multiple" placeholder="请选择项目经理" style="width: 100%" :options="classifyList1"
@change="classificationChange1" allowClear showSearch> @change="classificationChange1" allowClear showSearch>
</a-select> </a-select>
</div> </div>
@@ -97,8 +97,13 @@
<div class="inname">资源归属</div> <div class="inname">资源归属</div>
</div> </div>
<div class="in"> <div class="in select">
<a-input v-model:value="valueE" placeholder="自动带出 可修改" /> <a-select :getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
" v-model:value="classifySelect2" placeholder="自动带出 可修改" :options="classifyList2"
@change="classificationChange2" />
</div> </div>
</div> </div>
<div class="name name2"> <div class="name name2">
@@ -126,8 +131,13 @@
<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 select">
<a-input v-model:value="valueE1" placeholder="集团级/组织级/现地级/部门级" /> <a-select :getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
" v-model:value="classifySelect3" :options="classifyList3" @change="classificationChange3"
placeholder="集团级/组织级/现地级/部门级" />
</div> </div>
</div> </div>
<div class="name"> <div class="name">
@@ -135,8 +145,13 @@
<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 select">
<a-input v-model:value="valueE2" placeholder="集团级/组织级/现地级/部门级" /> <a-select :getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
" v-model:value="classifySelect4" :options="classifyList4" @change="classificationChange4"
placeholder="集团级/组织级/现地级/部门级" />
</div> </div>
</div> </div>
<div class="name"> <div class="name">
@@ -177,9 +192,14 @@
</div> </div>
<div class="template"> <div class="template">
<div class="name"> <div class="name">
<div class="inname" style="width: 50px">模板</div> <div class="inname" style="width: 50px">模版</div>
<div class="in select" style="margin-left: 2px"> <div class="in select" style="margin-left: 2px">
<a-select v-model:value="value1" placeholder="请选择模板" :size="size" style="width: 100%" :options="options"> <a-select :getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
" v-model:value="classifySelect5" placeholder="请选择模版" :size="size" style="width: 100%" :options="classifyList5"
@change="classificationChange5">
</a-select> </a-select>
</div> </div>
</div> </div>
@@ -340,13 +360,66 @@ export default {
let manager = ""; let manager = "";
let managerId = ""; let managerId = "";
const classificationChange1 = (key) => { const classificationChange1 = (key) => {
console.log(`selected ${key}`); console.log(`selected ${key}`, classifyList1);
console.log(classifyList1.value[key - 1].label) let mstr = '';
manager = String(classifyList1.value[key - 1].label) let midstr = '';
managerId = String(key) for (let i = 0; i < key.length; i++) {
if (key.length - 1 !== i) {
midstr += key[i] + ',';
mstr += classifyList1.value[i].label + ',';
} else {
midstr += key[i];
mstr += classifyList1.value[i].label;
}
}
console.log(mstr, midstr)
manager = mstr;
managerId = midstr;
}; };
// 资源归属 sourceBelongId 后续给接口 // 资源归属 sourceBelongId 后续给接口
const classifyList2 = ref([
{ value: 1, label: '项目一' },
{ value: 2, label: '项目二' },
{ value: 3, label: '项目三' },
]);
const classificationChange2 = (key) => {
console.log(`selected ${key}`, classifyList2);
}
// 项目级别
const classifyList3 = ref([
{ value: 1, label: '集团级' },
{ value: 2, label: '组织级' },
{ value: 3, label: '现地级' },
{ value: 4, label: '部门级' },
]);
const classificationChange3 = (key) => {
console.log(`selected ${key}`, classifyList3);
}
// 培训体系
const classifyList4 = ref([
{ value: 1, label: '集团级' },
{ value: 2, label: '组织级' },
{ value: 3, label: '现地级' },
{ value: 4, label: '部门级' },
]);
const classificationChange4 = (key) => {
console.log(`selected ${key}`, classifyList4);
}
// 模版
const classifyList5 = ref([
{ value: 1, label: '模版一' },
{ value: 2, label: '模版二' },
{ value: 3, label: '模版三' },
{ value: 4, label: '模版四' },
]);
const classificationChange5 = (key) => {
console.log(`selected ${key}`, classifyList5);
}
// 项目说明 // 项目说明
const remark = ref(''); const remark = ref('');
@@ -438,10 +511,14 @@ export default {
api.createProject(obj).then(res => { api.createProject(obj).then(res => {
console.log(res) console.log(res)
if (res.status == 200 && res.data.code == 200) { if (res.status == 200 && res.data.code == 200) {
message.destroy();
message.success("创建成功")
setTimeout(() => {
router.push({ router.push({
path: '/taskpage', path: '/taskpage',
query: { id: res.data.data.projectId } query: { id: res.data.data.projectId }
}); });
}, 1000);
} else { } else {
message.destroy(); message.destroy();
message.error("创建失败，请检查当前网络状态。") message.error("创建失败，请检查当前网络状态。")
@@ -459,6 +536,10 @@ export default {
classifyList, classifyList,
classificationChange, classificationChange,
classificationChange1, classificationChange1,
classificationChange2,
classificationChange3,
classificationChange4,
classificationChange5,
fileList, fileList,
fileList1, fileList1,
loading, loading,
@@ -469,6 +550,10 @@ export default {
beforeUpload1, beforeUpload1,
onRangeChange, onRangeChange,
classifyList1, classifyList1,
classifyList2,
classifyList3,
classifyList4,
classifyList5,
remark, remark,
changeChecked, changeChecked,
changeChecked1, changeChecked1,

817
src/views/projectcenter/ProjectManage.vue
View File

File diff suppressed because it is too large Load Diff

679
src/views/projectcenter/SonProject.vue
View File

@@ -4,124 +4,115 @@
<div class="header"> <div class="header">
<span class="title">创建/编辑单层子项目</span> <span class="title">创建/编辑单层子项目</span>
<router-link to="/projectmanage" class="goback"> <router-link to="/projectmanage" class="goback">
<span class="return"></span <span class="return"></span><span class="returntext">返回</span>
><span class="returntext">返回</span></router-link </router-link>
>
</div> </div>
<div class="content"> <div class="content">
<div class="main"> <div class="main">
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">项目归属</div> <div class="inname">项目归属</div>
</div> </div>
<div class="in"> <div class="in">
<div style="color: #C7CBD2;font-size: 14px;margin-left: 15px">HRBP2.0</div> <div style="color: #C7CBD2;font-size: 14px;margin-left: 15px">{{ projectAscription }}</div>
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">子项目名称</div> <div class="inname">子项目名称</div>
</div> </div>
<div class="in"> <div class="in">
<div style="color: #C7CBD2;font-size: 14px;margin-left: 15px">HRBP2.0-band</div> <a-input v-model:value="projectName" placeholder="请输入子项目名称" show-count :maxlength="30" />
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">分类</div> <div class="inname">分类</div>
</div> </div>
<div class="in select"> <div class="in select">
<a-select <a-select :getPopupContainer="
:value="classifySelect" (triggerNode) => {
placeholder="四个养成" return triggerNode.parentNode || document.body;
style="width: 100%" }
:options="classifyList" " v-model:value="classifySelect" placeholder="四个养成" style="width: 100%" :options="classifyList"
allowClear @change="classificationChange" allowClear showSearch>
showSearch </a-select>
></a-select>
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">封面图</div> <div class="inname">封面图</div>
</div> </div>
<div <div class="box" style="
class="box"
style="
width: 100px; width: 100px;
height: 100px; height: 100px;
border: 1px solid rgba(78, 166, 255, 1); border: 1px solid rgba(78, 166, 255, 1);
border-radius: 5px; border-radius: 5px;
cursor: pointer; 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="
width: 100px;
height: 100px;
margin-bottom: 4px;
margin-right: 4px;
" v-if="imageUrl" :src="imageUrl" alt="avatar" />
<div v-else>
<!-- <loading-outlined v-if="loading"></loading-outlined> -->
<!-- <plus-outlined v-else></plus-outlined> -->
<div class="box1"></div> <div class="box1"></div>
<div class="box2"></div> <div class="box2"></div>
<!-- <div class="ant-upload-text"></div> -->
</div>
</a-upload>
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg" <div class="inname">子项目时间</div>
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">项目时间</div>
</div> </div>
<div class="in"> <div class="in">
<a-range-picker <a-range-picker separator="至" :placeholder="[' 开始时间', ' 结束时间']"
separator="至" style="width: 100%; height: 40px; border-radius: 5px" show-time @change="onRangeChange" />
style="width: 100%; height: 40px; border-radius: 5px"
show-time
/>
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg" <div class="inname">子项目经理</div>
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">项目经理</div>
</div> </div>
<div class="in select"> <div class="in">
<a-select <a-select :getPopupContainer="
:value="classifySelect" (triggerNode) => {
placeholder="请选择项目经理" return triggerNode.parentNode || document.body;
style="width: 100%" }
:options="classifyList" " :value="classifySelect1" mode="multiple" placeholder="请选择子项目经理" style="width: 100%" :options="classifyList1"
allowClear @change="classificationChange1" allowClear showSearch>
showSearch </a-select>
></a-select>
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">资源归属</div> <div class="inname">资源归属</div>
</div> </div>
<div class="in"> <div class="in select">
<a-input v-model:value="valueE" placeholder="自动带出 可修改" /> <a-select :getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
" v-model:value="classifySelect2" placeholder="自动带出 可修改" :options="classifyList2"
@change="classificationChange2" />
</div> </div>
</div> </div>
<div class="name name2"> <div class="name name2">
@@ -129,12 +120,7 @@
<div class="inname" style="margin-top: 13px">项目说明</div> <div class="inname" style="margin-top: 13px">项目说明</div>
</div> </div>
<div class="in"> <div class="in">
<a-textarea <a-textarea v-model:value="remark" style="height: 80px" placeholder="请输入说明" show-count :maxlength="200" />
v-model:value="valuei"
style="height: 80px"
placeholder="请输入项目说明"
show-count :maxlength="200"
/>
</div> </div>
</div> </div>
<div class="name name2"> <div class="name name2">
@@ -142,84 +128,70 @@
<div class="inname">同步学习记录</div> <div class="inname">同步学习记录</div>
</div> </div>
<div class="in"> <div class="in">
<a-radio v-model:checked="checked" <a-radio @click="changeChecked" v-model:checked="checked"><span style="
><span
style="
width: 100%; width: 100%;
color: rgba(109, 117, 132, 1); color: rgba(109, 117, 132, 1);
font-size: 14px; font-size: 14px;
" ">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span></a-radio>
>同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
></a-radio
>
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">项目级别</div> <div class="inname">项目级别</div>
</div> </div>
<div class="in"> <div class="in select">
<a-input <a-select :getPopupContainer="
v-model:value="valueE" (triggerNode) => {
placeholder="集团级/组织级/现地级/部门级" return triggerNode.parentNode || document.body;
/> }
" v-model:value="classifySelect3" :options="classifyList3" @change="classificationChange3"
placeholder="集团级/组织级/现地级/部门级" />
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">培训体系</div> <div class="inname">培训体系</div>
</div> </div>
<div class="in"> <div class="in select">
<a-input <a-select :getPopupContainer="
v-model:value="valueE" (triggerNode) => {
placeholder="集团级/组织级/现地级/部门级" return triggerNode.parentNode || document.body;
/> }
" v-model:value="classifySelect4" :options="classifyList4" @change="classificationChange4"
placeholder="集团级/组织级/现地级/部门级" />
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">是否BOEU实施</div> <div class="inname">是否BOEU实施</div>
</div> </div>
<div class="in"> <div class="in">
<a-radio v-model:checked="checked" <a-radio @click="changeChecked1" v-model:checked="checked1"><span style="
><span
style="
width: 100%; width: 100%;
color: rgba(109, 117, 132, 1); color: rgba(109, 117, 132, 1);
font-size: 14px; font-size: 14px;
" ">BOEU实施</span></a-radio>
>BOEU实施</span
></a-radio
>
</div> </div>
</div> </div>
<div class="name name2"> <div class="name name2">
<div class="namebox" style="margin-top: 8px"> <div class="namebox" style="margin-top: 8px">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">附件</div> <div class="inname">附件</div>
</div> </div>
<div class="filebox"> <div class="filebox">
<div style="cursor: pointer"> <div>
<img <img v-if="fileList1.length < 6" class="fileimg" src="../../assets/images/projectadd/enclosure.png" />
class="fileimg" <a-upload :disabled="fileList1.length > 5" :before-upload="beforeUpload1" v-model:file-list="fileList1"
src="../../assets/images/projectadd/enclosure.png" @remove="removeFile" name="file" action="/api/file/upload" :headers="headers" @change="handleChange1">
/> <!-- <a-button> -->
<span class="filetext">上传附件</span> <!-- <upload-outlined></upload-outlined> -->
<span v-if="fileList1.length > 5" class="filetext">上传数量已经达到最大值</span>
<span v-else class="filetext">上传附件</span>
<!-- </a-button> -->
</a-upload>
</div> </div>
<div class="support"> <div class="support">
支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip 支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
@@ -229,76 +201,381 @@
</div> </div>
<div class="template"> <div class="template">
<div class="name"> <div class="name">
<div class="inname" style="width: 50px">模板</div> <div class="inname" style="width: 50px">模版</div>
<div class="in select" style="margin-left: 2px"> <div class="in select" style="margin-left: 2px">
<a-select <a-select :getPopupContainer="
v-model:value="value1" (triggerNode) => {
placeholder="请选择模板" return triggerNode.parentNode || document.body;
:size="size" }
style="width: 100%" " v-model:value="classifySelect5" placeholder="请选择模版" :size="size" style="width: 100%" :options="classifyList5"
:options="options" @change="classificationChange5">
></a-select> </a-select>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<div class="btn"> <div class="btn">
<a-button <a-button v-on:click="createProject" type="primary" class="btn1">确定</a-button>
type="primary" <a-button class="btn2">取消</a-button>
style="width: 100px; height: 40px; border-radius: 8px"
>确认</a-button
>
<a-button
type="primary"
ghost
style="
width: 100px;
height: 40px;
margin-left: 14px;
border-radius: 8px;
"
>取消</a-button
>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { reactive, toRefs } from "vue"; import { reactive, toRefs, ref } from "vue";
import { message } from 'ant-design-vue';
import { useRouter, useRoute } from "vue-router";
import * as api from "../../api/index";
export default { export default {
name: "sonProject", name: "sonProject",
setup() { setup() {
const router = useRouter();
const routers = useRoute();
const state = reactive({ const state = reactive({
classifyList: [
{
id: 1,
name: "分类一",
label: "分类一",
},
{
id: 2,
name: "分类二",
label: "分类二",
},
{
id: 3,
name: "分类三",
label: "分类三",
},
{
id: 4,
name: "分类四",
label: "分类四",
},
],
classifySelect: null, classifySelect: null,
classifySelectId: null, classifySelectId: null,
checked: false,
checked1: false,
valueE: null,
valueE1: null,
valueE2: null,
projectAscription:'',
}); });
const projectName = ref('');
state.projectAscription = routers.query.name;
const classifyList = ref([
{ value: 1, label: '管理者' },
{ value: 2, label: '领军者' },
{ value: 3, label: '产业人' },
]);
let projectType = "";
const classificationChange = (value) => {
console.log(`selected ${value}`);
projectType = value;
};
function getBase64(img, callback) {
const reader = new FileReader();
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 handleChange = (info) => {
if (info.file.status === 'uploading') {
loading.value = true;
return;
}
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) => {
imageUrl.value = base64Url;
loading.value = false;
});
}
if (info.file.status === 'error') {
loading.value = false;
message.error('upload error');
}
};
let uplodaFileCount = false;
let attach = "";
let attachData = "";
const handleChange1 = (info) => {
if (info.file.status === 'uploading') {
loading.value = true;
return;
}
if (info.file.status === 'done') {
console.log('上传附件返回的信息 %o', info, info.fileList.length, uplodaFileCount)
let attachStr = "";
attachData = info.fileList;
for (let i = 0; i < attachData.length; i++) {
if (attachData.length - 1 == i) {
attachStr += attachData[i].response.data;
} else {
attachStr += attachData[i].response.data + ',';
}
}
console.log(attachStr)
attach = attachStr;
if (info.fileList.length > 5) {
uplodaFileCount = true;
} else {
uplodaFileCount = false;
}
}
if (info.file.status === 'error') {
loading.value = false;
message.error('upload error');
}
};
const beforeUpload = (file) => {
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
if (!isJpgOrPng) {
message.error('You can only upload JPG file!');
}
const isLt2M = file.size / 1024 / 1024 < 1;
if (!isLt2M) {
message.error('Image must smaller than 1MB!');
}
return isJpgOrPng && isLt2M;
};
const beforeUpload1 = () => {
return new Promise((resovle, reject) => {
if (uplodaFileCount) {
message.info("上传文件数量已达最大数量")
return reject(false);
}
return resovle(true);
})
};
let beginTime = "";
let endTime = "";
const onRangeChange = (value, dateString) => {
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() / 1000;
endTime = new Date(dateString[1]).getTime() / 1000;
};
// 项目经理 后续接口调用
const classifyList1 = ref([
{ value: 1, label: '李俊国' },
{ value: 2, label: '将小米' },
{ value: 3, label: '刘孟君' },
]);
let manager = "";
let managerId = "";
const classificationChange1 = (key) => {
console.log(`selected ${key}`, classifyList1);
let mstr = '';
let midstr = '';
for (let i = 0; i < key.length; i++) {
if (key.length - 1 !== i) {
midstr += key[i] + ',';
mstr += classifyList1.value[i].label + ',';
} else {
midstr += key[i];
mstr += classifyList1.value[i].label;
}
}
console.log(mstr, midstr)
manager = mstr;
managerId = midstr;
};
// 资源归属 sourceBelongId 后续给接口
const classifyList2 = ref([
{ value: 1, label: '项目一' },
{ value: 2, label: '项目二' },
{ value: 3, label: '项目三' },
]);
const classificationChange2 = (key) => {
console.log(`selected ${key}`, classifyList2);
}
// 项目级别
const classifyList3 = ref([
{ value: 1, label: '集团级' },
{ value: 2, label: '组织级' },
{ value: 3, label: '现地级' },
{ value: 4, label: '部门级' },
]);
const classificationChange3 = (key) => {
console.log(`selected ${key}`, classifyList3);
}
// 培训体系
const classifyList4 = ref([
{ value: 1, label: '集团级' },
{ value: 2, label: '组织级' },
{ value: 3, label: '现地级' },
{ value: 4, label: '部门级' },
]);
const classificationChange4 = (key) => {
console.log(`selected ${key}`, classifyList4);
}
// 模版
const classifyList5 = ref([
{ value: 1, label: '模版一' },
{ value: 2, label: '模版二' },
{ value: 3, label: '模版三' },
{ value: 4, label: '模版四' },
]);
const classificationChange5 = (key) => {
console.log(`selected ${key}`, classifyList5);
}
// 项目说明
const remark = ref('');
let courseSyncFlag = 0;
const changeChecked = () => {
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;
boeFlag = state.checked1 ? 1 : 0;
}
const removeFile = (file) => {
const index = fileList1.value.indexOf(file);
const newFileList = fileList1.value.slice();
newFileList.splice(index, 1);
fileList1.value = newFileList;
let attachStr = "";
if (newFileList.length == 0) {
attachStr = "";
}
for (let i = 0; i < fileList1["value"].length; i++) {
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 + ',';
}
}
attach = attachStr;
}
const errorMsgs = {
"name": "请输入项目名称",
"category": "请选择项目分类",
"picUrl": "请上传项目封面图",
"beginTime": "请选择项目开始时间",
"endTime": "请选择项目结束时间",
"manager": "请选择项目经理",
"managerId": "请选择项目经理",
"sourceBelongId": "请选择资源归属",
"level": "请填写项目级别",
"systemId": "请填写项目培训体系",
"boeFlag": "请选择是否BOE实施",
"attach": "请上传附件"
}
const createProject = () => {
let obj = {
"name": projectName["value"],
"category": 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,
"type": 3,
"templateId": 10,
"parentId": routers.query.projectId,
"notice": "",
"noticeFlag": 0,
"status": 0
}
console.log('提交的数据格式 %o', obj)
for (let i in errorMsgs) {
console.log(obj[i])
if (obj[i] === "" || obj[i] === undefined) {
message.destroy()
message.warning(errorMsgs[i])
return
}
}
api.createProject(obj).then(res => {
console.log(res)
if (res.status == 200 && res.data.code == 200) {
message.destroy();
message.success("创建成功")
setTimeout(() => {
router.push({
path: '/taskpage',
query: { id: res.data.data.projectId }
});
}, 1000);
} else {
message.destroy();
message.error("创建失败，请检查当前网络状态。")
}
}).catch(err => {
console.log(err)
message.destroy();
message.error("创建失败，请检查当前网络状态。")
})
};
return { return {
...toRefs(state), ...toRefs(state),
projectName,
classifyList,
classificationChange,
classificationChange1,
classificationChange2,
classificationChange3,
classificationChange4,
classificationChange5,
fileList,
fileList1,
loading,
imageUrl,
handleChange,
handleChange1,
beforeUpload,
beforeUpload1,
onRangeChange,
classifyList1,
classifyList2,
classifyList3,
classifyList4,
classifyList5,
remark,
changeChecked,
changeChecked1,
uplodaFileCount,
createProject,
removeFile
}; };
}, }
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
@@ -313,6 +590,7 @@ export default {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.title { .title {
color: #000000; color: #000000;
font-size: 18px; font-size: 18px;
@@ -321,10 +599,12 @@ export default {
padding-left: 37px; padding-left: 37px;
//font-weight: 500; //font-weight: 500;
} }
.goback { .goback {
padding-right: 70px; padding-right: 70px;
//padding-top: 37px; //padding-top: 37px;
position: relative; position: relative;
.return { .return {
display: inline-block; display: inline-block;
width: 42px; width: 42px;
@@ -333,6 +613,7 @@ export default {
margin-right: 10px; margin-right: 10px;
background-image: url("../../assets/images/projectadd/return.png"); background-image: url("../../assets/images/projectadd/return.png");
} }
.returntext { .returntext {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
@@ -342,8 +623,15 @@ export default {
} }
} }
} }
// 修改 antd upload 样式
.ant-upload {
border-width: 0px;
}
.content { .content {
display: flex; display: flex;
.main { .main {
width: 50%; width: 50%;
display: flex; display: flex;
@@ -352,12 +640,14 @@ export default {
//justify-content: center; //justify-content: center;
float: left; float: left;
border-right: 1px solid rgba(153, 155, 163, 0.3); border-right: 1px solid rgba(153, 155, 163, 0.3);
.name { .name {
width: 78%; width: 78%;
// background-color: lightcoral; // background-color: lightcoral;
display: flex; display: flex;
margin-top: 20px; margin-top: 20px;
align-items: center; align-items: center;
//height: 40px; //height: 40px;
// border: 1px solid black; // border: 1px solid black;
.namebox { .namebox {
@@ -366,19 +656,23 @@ export default {
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
flex-shrink: 0; flex-shrink: 0;
.nameimg { .nameimg {
width: 10px; width: 10px;
height: 10px; height: 10px;
} }
} }
.d { .d {
margin-top: 8px; margin-top: 8px;
font-size: 25px; font-size: 25px;
color: #ff4e4e; color: #ff4e4e;
} }
.box { .box {
position: relative; position: relative;
margin-left: 14px; margin-left: 14px;
.box1 { .box1 {
position: absolute; position: absolute;
left: 50%; left: 50%;
@@ -388,6 +682,7 @@ export default {
margin-top: -5px; margin-top: -5px;
border-top: 2px solid rgba(78, 166, 255, 1); border-top: 2px solid rgba(78, 166, 255, 1);
} }
.box2 { .box2 {
position: absolute; position: absolute;
left: 50%; left: 50%;
@@ -398,31 +693,42 @@ export default {
border-left: 2px solid rgba(78, 166, 255, 1); border-left: 2px solid rgba(78, 166, 255, 1);
} }
} }
.inname { .inname {
color: #6f6f6f; color: #6f6f6f;
font-size: 14px; font-size: 14px;
margin-left: 7px; margin-left: 7px;
} }
.in { .in {
margin-left: 14px; margin-left: 14px;
flex: 1; flex: 1;
// .ant-radio-wrapper { // .ant-radio-wrapper {
// } // }
.ant-input-textarea-show-count { .ant-input-textarea-show-count {
position: relative; position: relative;
height: 88px; height: 88px;
} }
.ant-input-textarea-show-count::after { .ant-input-textarea-show-count::after {
position: absolute; position: absolute;
right: 10px; right: 10px;
bottom: 0px; bottom: 0px;
} }
.ant-input { .ant-input {
border-radius: 5px; border-radius: 8px;
// height: 120%; // height: 120%;
width: 100%; width: 100%;
height: 40px; height: 40px;
} }
.ant-input-affix-wrapper {
padding: 0 11px;
border-radius: 8px;
}
.ant-select-selector { .ant-select-selector {
border-radius: 5px; border-radius: 5px;
// height: 120%; // height: 120%;
@@ -430,33 +736,39 @@ export default {
height: 40px; height: 40px;
} }
} }
.filebox { .filebox {
margin-left: 14px; margin-left: 14px;
flex: 1; flex: 1;
.fileimg { .fileimg {
width: 15px; width: 15px;
height: 15px; height: 15px;
margin-right: 6px; margin-right: 6px;
} }
.filetext { .filetext {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4ea6ff; color: #4ea6ff;
line-height: 36px; line-height: 36px;
} }
.support { .support {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #999ba3; color: #999ba3;
line-height: 36px; line-height: 36px;
//margin-top: 8px; margin-top: 8px;
word-break: break-all; word-break: break-all;
} }
} }
} }
.name2 { .name2 {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
.ant-input-textarea { .ant-input-textarea {
.ant-input { .ant-input {
height: 88px; height: 88px;
@@ -464,6 +776,7 @@ export default {
} }
} }
} }
.template { .template {
width: 50%; width: 50%;
display: flex; display: flex;
@@ -471,6 +784,7 @@ export default {
align-items: center; align-items: center;
//justify-content: center; //justify-content: center;
float: right; float: right;
.name { .name {
width: 78%; width: 78%;
// background-color: lightcoral; // background-color: lightcoral;
@@ -478,27 +792,32 @@ export default {
margin-top: 20px; margin-top: 20px;
align-items: center; align-items: center;
height: 40px; height: 40px;
// border: 1px solid black; // border: 1px solid black;
.d { .d {
margin-top: 8px; margin-top: 8px;
font-size: 25px; font-size: 25px;
color: #ff4e4e; color: #ff4e4e;
} }
.inname { .inname {
color: #6f6f6f; color: #6f6f6f;
font-size: 14px; font-size: 14px;
margin-left: 7px; margin-left: 7px;
width: 65px; width: 65px;
} }
.in { .in {
margin-left: 14px; margin-left: 14px;
width: 81%; width: 81%;
.ant-input { .ant-input {
border-radius: 5px; border-radius: 5px;
// height: 120%; // height: 120%;
width: 100%; width: 100%;
height: 40px; height: 40px;
} }
.ant-select-selector { .ant-select-selector {
border-radius: 5px; border-radius: 5px;
// height: 120%; // height: 120%;
@@ -509,15 +828,42 @@ export default {
} }
} }
} }
.footer { .footer {
width: 100%; width: 100%;
margin-top: 31px; margin-top: 31px;
margin-bottom: 14px; margin-bottom: 14px;
padding-bottom: 20px; padding-bottom: 20px;
.btn { .btn {
display: flex; display: flex;
justify-content: center; justify-content: center;
.btn1 {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 40px;
border-radius: 8px;
background: #409eff;
color: #ffffff;
margin-right: 14px;
} }
.btn2 {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 40px;
border-radius: 8px;
border: 1px solid #409eff;
background: #ffffff;
color: #409eff;
}
}
.text { .text {
color: rgba(153, 155, 163, 1); color: rgba(153, 155, 163, 1);
font-size: 14px; font-size: 14px;
@@ -526,3 +872,4 @@ export default {
} }
} }
</style> </style>

117
src/views/projectcenter/TaskAdd.vue
View File

@@ -539,6 +539,7 @@ import AddVote from "../../components/drawers/AddVote.vue";
import { message } from "ant-design-vue"; import { message } from "ant-design-vue";
import * as api from "../../api/indexTaskadd"; import * as api from "../../api/indexTaskadd";
import * as apilive from "../../api/indexLiveBroadcast"; import * as apilive from "../../api/indexLiveBroadcast";
import * as apiExternal from "../../api/indexExternalChain";
import * as apidiscuss from "../../api/indexDiscuss"; import * as apidiscuss from "../../api/indexDiscuss";
import * as apiactivity from "../../api/indexActivity"; import * as apiactivity from "../../api/indexActivity";
import * as apieval from "../../api/indexEval"; import * as apieval from "../../api/indexEval";
@@ -674,6 +675,7 @@ export default {
haspub: false, haspub: false,
checked1: false, checked1: false,
checkedd: false, checkedd: false,
id: "ssss",
}, },
{ {
key: 2, key: 2,
@@ -858,6 +860,7 @@ export default {
isactive: -1, isactive: -1,
isActive: false, isActive: false,
deleteLiveID: null, //删除直播id deleteLiveID: null, //删除直播id
deleteExternalID: null, //删除外链id
deleteEvalID: null, //测评 deleteEvalID: null, //测评
deleteInvistID: 4, //评估 deleteInvistID: 4, //评估
deleteDiscussID: null, //删除讨论id deleteDiscussID: null, //删除讨论id
@@ -1035,7 +1038,22 @@ export default {
console.log(err); console.log(err);
}); });
}; };
//删除讨论
//删除外链
const deleteExternalChain = () => {
let obj = {
linkId: state.deleteExternalID,
};
apiExternal
.deleteLink(obj)
.then((res) => {
console.log(res);
})
.catch((err) => {
console.log(err);
});
};
const deleteDiscuss = () => { const deleteDiscuss = () => {
let obj = { let obj = {
discussId: state.deleteDiscussID, discussId: state.deleteDiscussID,
@@ -1053,6 +1071,31 @@ export default {
console.log("删除失败", err); console.log("删除失败", err);
}); });
}; };
//编辑讨论
const editDiscuss = () => {
let obj = {
createTime: "",
createUser: 0,
discussExplain: "",
discussFlag: "",
discussId: 0,
discussName: "",
discussSettings: "",
discussTag: "",
projectId: 0,
updateTime: "",
updateUser: 0
};
apidiscuss
.updateDiscuss(obj)
.then((res) => {
console.log("更新成功", res);
message.success("更新成功");
})
.catch((err) => {
console.log("更新失败", err);
});
};
//删除活动 //删除活动
const deleteActivity = () => { const deleteActivity = () => {
let obj = { let obj = {
@@ -1071,6 +1114,38 @@ export default {
console.log("删除失败", err); console.log("删除失败", err);
}); });
}; };
//编辑活动
const editActivity = () => {
let obj = {
activityAddress: "",
activityDuration: "",
activityEndTime: "",
activityExplain: "",
activityFlag: "",
activityId: 0,
activityName: "",
activityNotice: "",
activityStartTime: "",
activityTag: "",
afterSignIn: "",
beforeSignIn: "",
createTime: "",
createUser: 0,
signOutTime: "",
standardSettings: "",
updateTime: "",
updateUser: 0,
};
apiactivity
.updateActivity(obj)
.then((res) => {
console.log("更新成功", res);
message.success("更新成功");
})
.catch((err) => {
console.log("更新失败", err);
});
};
//删除测评测试 //删除测评测试
const deleteEvalText = () => { const deleteEvalText = () => {
let obj = { let obj = {
@@ -1104,7 +1179,7 @@ export default {
evaluationTypeId: 0, evaluationTypeId: 0,
evaluationTypeName: "", evaluationTypeName: "",
updateTime: "", updateTime: "",
updateUser: 0, updateUser: 0
}; };
apieval apieval
.updateEvaluation(obj) .updateEvaluation(obj)
@@ -1125,7 +1200,7 @@ export default {
//删除评估测试 //删除评估测试
const deleteInvistText = () => { const deleteInvistText = () => {
let obj = { let obj = {
evaluationId: state.deleteInvistID, evaluationId:state.deleteInvistID,
}; };
apiinvist apiinvist
.deleteAppraise(obj) .deleteAppraise(obj)
@@ -1140,39 +1215,6 @@ export default {
}); });
}; };
//编辑测评信息
const editInvistPath = () => {
let obj = {
appraiseEndTime: "",
appraiseExplain: "",
appraiseFlag: "",
appraiseId: 0,
appraiseName: "",
appraiseStartTime: "",
appraiseTag: "",
createTime: "",
createUser: 0,
researchId: 0,
researchName: "",
updateTime: "",
updateUser: 0,
};
apiinvist
.updateAppraiseMessage(obj)
.then((res) => {
setTimeout(() => {
console.log("修改成功", res);
message.success("修改成功");
//重新获取列表
getTask();
}, 1000);
})
.catch((err) => {
console.log("修改失败", err);
// state.createLoading = false;
});
};
const onSelectChange = (selectedRowKeys) => { const onSelectChange = (selectedRowKeys) => {
console.log("selectedRowKeys changed: ", selectedRowKeys); console.log("selectedRowKeys changed: ", selectedRowKeys);
state.selectedRowKeys = selectedRowKeys; state.selectedRowKeys = selectedRowKeys;
@@ -1301,8 +1343,11 @@ export default {
getTask, getTask,
deleteLiveBroadcast, deleteLiveBroadcast,
deleteDiscuss, deleteDiscuss,
editDiscuss,
deleteEvalText, deleteEvalText,
deleteExternalChain,
deleteActivity, deleteActivity,
editActivity,
editEvalPath, editEvalPath,
deleteInvistText, deleteInvistText,
editInvistPath, editInvistPath,