mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-14 21:36:44 +08:00
添加项目 路径图上传样式
This commit is contained in:
宋文超
@@ -23,15 +23,13 @@
|
||||
<div class="main_notice">
|
||||
<div class="mntc_left">
|
||||
<div class="notice_icon"></div>
|
||||
<div v-if="assessment == null&&assessment1==null ">
|
||||
<div v-if="assessment == null && assessment1 == null">
|
||||
<span class="title"
|
||||
>已选择 <span class="data">0</span> 条</span
|
||||
>
|
||||
</div>
|
||||
<div v-else>
|
||||
|
||||
|
||||
<div v-if ="assessment1==null">
|
||||
<div v-if="assessment1 == null">
|
||||
<span class="title"
|
||||
>已选择 <span class="data">1</span> 条;</span
|
||||
>
|
||||
@@ -42,10 +40,12 @@
|
||||
>题数： <span class="data">{{ assessment.num }}</span>
|
||||
</span>
|
||||
<span class="title"
|
||||
>创建人： <span class="data">{{ assessment.creator }}</span>
|
||||
>创建人：
|
||||
<span class="data">{{ assessment.creator }}</span>
|
||||
</span>
|
||||
<span class="title"
|
||||
>创建时间： <span class="data">{{ assessment.time }}</span>
|
||||
>创建时间：
|
||||
<span class="data">{{ assessment.time }}</span>
|
||||
</span>
|
||||
</div>
|
||||
<div v-else>
|
||||
@@ -53,23 +53,25 @@
|
||||
>已选择 <span class="data">1</span> 条;</span
|
||||
>
|
||||
<span class="title"
|
||||
>名称： <span class="data">{{ assessment1.createName }}</span>
|
||||
>名称：
|
||||
<span class="data">{{ assessment1.createName }}</span>
|
||||
</span>
|
||||
<span class="title"
|
||||
>题数： <span class="data">{{ assessment1.essayQuestionVoList.length }}</span>
|
||||
>题数：
|
||||
<span class="data">{{
|
||||
assessment1.essayQuestionVoList.length
|
||||
}}</span>
|
||||
</span>
|
||||
<span class="title"
|
||||
>创建人： <span class="data">{{ assessment1.createUser }}</span>
|
||||
>创建人：
|
||||
<span class="data">{{ assessment1.createUser }}</span>
|
||||
</span>
|
||||
<span class="title"
|
||||
>创建时间： <span class="data">{{ assessment1.createTime }}</span>
|
||||
>创建时间：
|
||||
<span class="data">{{ assessment1.createTime }}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
@@ -168,11 +170,11 @@ export default {
|
||||
assessment: null,
|
||||
assessment1: null,
|
||||
assessmentVisible: false,
|
||||
titleTag:false,
|
||||
titleTag: false,
|
||||
});
|
||||
const getCheckedAss = (ass) => {
|
||||
state.assessment = ass;
|
||||
state.assessment1 =null;
|
||||
state.assessment1 = null;
|
||||
};
|
||||
const closeDrawer = () => {
|
||||
ctx.emit("update:addinvistVisible", false);
|
||||
@@ -190,21 +192,18 @@ export default {
|
||||
state.assessmentName = "";
|
||||
state.assessment = null;
|
||||
queryInfo();
|
||||
|
||||
};
|
||||
const queryInfo = () => {
|
||||
if (props.edit) {
|
||||
state.titleTg =false;
|
||||
state.titleTg = false;
|
||||
//编辑讨
|
||||
api
|
||||
.queryAppraiseDetailById({ assessmentId: props.EditInvistId })
|
||||
.then((res) => {
|
||||
//更新讨论信息
|
||||
state.assessment1=res.data.data;
|
||||
|
||||
state.assessment1 = res.data.data;
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
.catch(() => {});
|
||||
}
|
||||
};
|
||||
const updateTask = () => {
|
||||
|
||||
@@ -1,13 +1,12 @@
|
||||
<template>
|
||||
|
||||
<a-drawer
|
||||
<a-drawer
|
||||
:visible="addprojvisible"
|
||||
class="drawerStyle addonlineDrawer"
|
||||
width="80%"
|
||||
title="添加在线"
|
||||
placement="right"
|
||||
@after-visible-change="afterVisibleChange"
|
||||
>
|
||||
>
|
||||
<div class="drawerMain">
|
||||
<div class="header">
|
||||
<div v-if="edit" class="headerTitle">编辑项目</div>
|
||||
@@ -51,7 +50,6 @@
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="mi_btns">
|
||||
<div class="btn btn1">
|
||||
@@ -64,12 +62,109 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_notice" v-if="edit">
|
||||
<div class="mntc_left">
|
||||
<div class="notice_icon"></div>
|
||||
<div v-if="selectedRows.length == 0">
|
||||
<span class="title"
|
||||
>已选择
|
||||
<span class="data" style="color: #4ea6ff">{{ 0 }}</span>
|
||||
条</span
|
||||
>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div>
|
||||
<span class="title"
|
||||
>已选择
|
||||
<span class="data" style="color: #4ea6ff">{{
|
||||
selectedRows.length
|
||||
}}</span>
|
||||
条 </span
|
||||
>
|
||||
<span class="title"
|
||||
>名称：
|
||||
<span
|
||||
class="data"
|
||||
style="color: #4ea6ff; margin-right: 15px"
|
||||
>{{ selectedRows[0].name }}</span
|
||||
>
|
||||
</span>
|
||||
<span class="title"
|
||||
>项目经理：
|
||||
<span
|
||||
class="data"
|
||||
style="color: #4ea6ff; margin-right: 15px"
|
||||
>{{ selectedRows[0].manager }}</span
|
||||
>
|
||||
</span>
|
||||
<span class="title"
|
||||
>创建人：
|
||||
<span
|
||||
class="data"
|
||||
style="color: #4ea6ff; margin-right: 15px"
|
||||
>{{ selectedRows[0].creater }}</span
|
||||
>
|
||||
</span>
|
||||
<span class="title"
|
||||
>创建时间：
|
||||
<span class="data" style="color: #4ea6ff">{{
|
||||
selectedRows[0].time
|
||||
}}</span>
|
||||
</span>
|
||||
</div>
|
||||
<!-- <div v-else>
|
||||
<span class="title"
|
||||
>已选择 <span class="data">1</span> 条;</span
|
||||
>
|
||||
<span class="title"
|
||||
>名称：
|
||||
<span class="data">{{ assessment1.createName }}</span>
|
||||
</span>
|
||||
<span class="title"
|
||||
>题数：
|
||||
<span class="data">{{
|
||||
assessment1.essayQuestionVoList.length
|
||||
}}</span>
|
||||
</span>
|
||||
<span class="title"
|
||||
>创建人：
|
||||
<span class="data">{{ assessment1.createUser }}</span>
|
||||
</span>
|
||||
<span class="title"
|
||||
>创建时间：
|
||||
<span class="data">{{ assessment1.createTime }}</span>
|
||||
</span>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="drawerbox">
|
||||
<!-- 添加的时候显示多选的表 -->
|
||||
<a-table
|
||||
v-if="!edit"
|
||||
:columns="tableDataFunc()"
|
||||
:data-source="drawertableData"
|
||||
:row-selection="rowSelection"
|
||||
:row-selection="{
|
||||
selectedRowKeys: selectedRowKeys,
|
||||
onChange: onSelectChange,
|
||||
}"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
:scroll="{ x: 700 }"
|
||||
@expand="expandTable"
|
||||
:pagination="false"
|
||||
>
|
||||
</a-table>
|
||||
<!-- 编辑的时候显示单选的表 -->
|
||||
<a-table
|
||||
v-else
|
||||
:columns="tableDataFunc()"
|
||||
:data-source="drawertableData"
|
||||
:row-selection="{
|
||||
selectedRowKeys: selectedRowKeys,
|
||||
onChange: onSelectChange,
|
||||
type: 'radio',
|
||||
}"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
:scroll="{ x: 700 }"
|
||||
@expand="expandTable"
|
||||
@@ -83,14 +178,41 @@
|
||||
<button @click="closeDrawer" class="btn1">取消</button>
|
||||
<button @click="updateTaskList" class="btn2">确定</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</a-drawer>
|
||||
|
||||
|
||||
<!-- 有重复添加的项目时的弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="sameModal"
|
||||
:footer="null"
|
||||
:closable="sameCopy"
|
||||
wrapClassName="sameModal"
|
||||
centered="true"
|
||||
>
|
||||
<div class="delete">
|
||||
<div class="del_header"></div>
|
||||
<div class="del_main">
|
||||
<div class="header">
|
||||
<div class="icon"></div>
|
||||
<span>提示</span>
|
||||
<div class="close_exit" @click="closeSameModal"></div>
|
||||
</div>
|
||||
<div class="body">
|
||||
<span>项目已存在，是否重复添加？</span>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1" @click="closeSameModal">
|
||||
<div class="btnText">取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2" @click="sureSameModal">
|
||||
<div class="btnText">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
</a-drawer>
|
||||
</template>
|
||||
<script>
|
||||
import { reactive, toRefs,ref } from "vue";
|
||||
import { reactive, toRefs } from "vue";
|
||||
|
||||
import * as apiTask from "../../api/indexTaskadd";
|
||||
import { RouterEditTask } from "@/api/indexTask";
|
||||
@@ -144,6 +266,11 @@ export default {
|
||||
type: Number,
|
||||
default: null,
|
||||
},
|
||||
// 路径图里选择的阶段下的任务列表
|
||||
chooseProjectList: {
|
||||
type: String,
|
||||
default: null,
|
||||
},
|
||||
},
|
||||
setup(props, ctx) {
|
||||
const state = reactive({
|
||||
@@ -151,56 +278,59 @@ export default {
|
||||
inputV2: "",
|
||||
inputV3: "",
|
||||
textV1: "",
|
||||
statu:0,
|
||||
statu: 0,
|
||||
checkedC1: false,
|
||||
discussSettings: "",
|
||||
addLoading: false,
|
||||
sameModal: false,
|
||||
sameCopy: false,
|
||||
sameProj: null,
|
||||
tableData: [
|
||||
{
|
||||
key: 1,
|
||||
parentId:1,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
children:[
|
||||
parentId: 1,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
children: [
|
||||
{
|
||||
key: 5,
|
||||
parentId:1,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
parentId: 1,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
parentId:2,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
children:[
|
||||
parentId: 2,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
children: [
|
||||
{
|
||||
key: 7,
|
||||
parentId:1,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
children:[
|
||||
parentId: 1,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
children: [
|
||||
{
|
||||
key: 9,
|
||||
parentId:1,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
parentId: 1,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
parentId:3,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
parentId: 3,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
},
|
||||
],
|
||||
selectedRowKeys: [],
|
||||
selectedRows:[],
|
||||
selectedRows: [],
|
||||
currentPage: 1,
|
||||
tableDataTotal: 0,
|
||||
pageSize: 10,
|
||||
@@ -208,48 +338,47 @@ export default {
|
||||
drawertableData: [
|
||||
{
|
||||
key: 1,
|
||||
parentId:1,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
children:[
|
||||
parentId: 1,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
children: [
|
||||
{
|
||||
key: 5,
|
||||
parentId:1,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
parentId: 1,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
parentId:2,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
children:[
|
||||
parentId: 2,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
children: [
|
||||
{
|
||||
key: 7,
|
||||
parentId:1,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
children:[
|
||||
parentId: 1,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
children: [
|
||||
{
|
||||
key: 9,
|
||||
parentId:1,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
parentId: 1,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
parentId:3,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
parentId: 3,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
},
|
||||
],
|
||||
|
||||
});
|
||||
|
||||
const tableDataFunc = () => {
|
||||
@@ -270,7 +399,7 @@ export default {
|
||||
},
|
||||
{
|
||||
title: "创建人",
|
||||
dataIndex: "creator",
|
||||
dataIndex: "creater",
|
||||
key: "creater",
|
||||
width: 100,
|
||||
align: "center",
|
||||
@@ -288,21 +417,22 @@ export default {
|
||||
const closeDrawer = () => {
|
||||
ctx.emit("update:addprojvisible", false);
|
||||
ctx.emit("update:edit", false);
|
||||
|
||||
|
||||
ctx.emit("changeData", false);
|
||||
state.selectedRows = [];
|
||||
state.selectedRowKeys = [];
|
||||
};
|
||||
const rowSelection =()=> ref({
|
||||
checkStrictly: false,
|
||||
onChange: (selectedRowKeys, selectedRows) => {
|
||||
console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
|
||||
},
|
||||
onSelect: (record, selected, selectedRows) => {
|
||||
console.log(record, selected, selectedRows);
|
||||
},
|
||||
onSelectAll: (selected, selectedRows, changeRows) => {
|
||||
console.log(selected, selectedRows, changeRows);
|
||||
},
|
||||
});
|
||||
// const rowSelection =()=> ref({
|
||||
// checkStrictly: false,
|
||||
// onChange: (selectedRowKeys, selectedRows) => {
|
||||
// console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
|
||||
// },
|
||||
// onSelect: (record, selected, selectedRows) => {
|
||||
// console.log(record, selected, selectedRows);
|
||||
// },
|
||||
// onSelectAll: (selected, selectedRows, changeRows) => {
|
||||
// console.log(selected, selectedRows, changeRows);
|
||||
// },
|
||||
// });
|
||||
const start = () => {
|
||||
state.loading = true;
|
||||
// ajax request after empty completing
|
||||
@@ -311,31 +441,31 @@ export default {
|
||||
state.selectedRowKeys = [];
|
||||
}, 1000);
|
||||
};
|
||||
const onSelectChange =(selectedRowKeys,selectedRows) => {
|
||||
console.log('selectedRowKeys changed: ', selectedRowKeys);
|
||||
state.selectedRowKeys = selectedRowKeys;
|
||||
this.selectedRows=selectedRows;
|
||||
// const onSelectChange = (selectedRowKeys, selectedRows) => {
|
||||
// console.log("selectedRowKeys changed: ", selectedRowKeys);
|
||||
// state.selectedRowKeys = selectedRowKeys;
|
||||
// this.selectedRows = selectedRows;
|
||||
// };
|
||||
const searchProjectList = () => {
|
||||
getAllProjText();
|
||||
};
|
||||
const searchProjectList=()=>{
|
||||
const resetProjectList = () => {
|
||||
state.inputV1 = "";
|
||||
state.inputV2 = "";
|
||||
state.inputV1 = "";
|
||||
getAllProjText();
|
||||
}
|
||||
const resetProjectList=()=>{
|
||||
state.inputV1="";
|
||||
state.inputV2="";
|
||||
state.inputV1="";
|
||||
getAllProjText();
|
||||
}
|
||||
};
|
||||
|
||||
//获取全部项目信息接口
|
||||
const getAllProjText = () => {
|
||||
apiProj
|
||||
.getProjectList({
|
||||
"createName": state.inputV1,
|
||||
"manager": state.inputV2,
|
||||
"name":state.inputV3,
|
||||
createName: state.inputV1,
|
||||
manager: state.inputV2,
|
||||
name: state.inputV3,
|
||||
pageNo: state.currentPage,
|
||||
pageSize: state.pageSize,
|
||||
"status": state.status
|
||||
status: state.status,
|
||||
})
|
||||
.then((res) => {
|
||||
let arr = res.data.data.rows;
|
||||
@@ -344,12 +474,12 @@ export default {
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
message.destroy()
|
||||
message.error("获取全部项目信息接口失败")
|
||||
message.destroy();
|
||||
message.error("获取全部项目信息接口失败");
|
||||
});
|
||||
};
|
||||
const afterVisibleChange = (bool) => {
|
||||
console.log("哈哈，我进来了")
|
||||
console.log("哈哈，我进来了");
|
||||
if (bool) {
|
||||
getAllProjText();
|
||||
}
|
||||
@@ -361,49 +491,70 @@ export default {
|
||||
getAllProjText();
|
||||
};
|
||||
const getTableDate = (data) => {
|
||||
let array = []
|
||||
data.map((value)=>{
|
||||
if(value.type == 3){
|
||||
let array = [];
|
||||
data.map((value) => {
|
||||
if (value.type == 3) {
|
||||
let obj = {
|
||||
key: value.projectId,
|
||||
parentId:value.parentId,
|
||||
projectId:value.projectId,
|
||||
parentId: value.parentId,
|
||||
projectId: value.projectId,
|
||||
name: value.name,
|
||||
manager:value.manager,
|
||||
manager: value.manager,
|
||||
time: dayjs(value.createTime).format("YYYY-MM-DD"),
|
||||
}
|
||||
array.push(obj)
|
||||
}
|
||||
else {
|
||||
creater: value.createName,
|
||||
};
|
||||
array.push(obj);
|
||||
} else {
|
||||
let obj = {
|
||||
key: value.projectId,
|
||||
parentId:value.parentId,
|
||||
parentId: value.parentId,
|
||||
name: value.name,
|
||||
manager:value.manager,
|
||||
manager: value.manager,
|
||||
time: dayjs(value.createTime).format("YYYY-MM-DD"),
|
||||
children: value.subList ? getTableDate(value.subList) : [] ,
|
||||
children: value.subList ? getTableDate(value.subList) : [],
|
||||
};
|
||||
array.push(obj);
|
||||
}
|
||||
array.push(obj)
|
||||
}
|
||||
})
|
||||
return array
|
||||
});
|
||||
return array;
|
||||
};
|
||||
//项目抽屉用的
|
||||
const updateTaskList =()=>{
|
||||
const updateTaskList = () => {
|
||||
//const resultArr = [];
|
||||
state.selectedRows.forEach((item) => {
|
||||
let origin = JSON.parse(props.chooseProjectList);
|
||||
console.log("ccxx", origin);
|
||||
if (origin.length == 0) {
|
||||
//可以直接添加到任务列表里
|
||||
updateTask(item);
|
||||
closeDrawer();
|
||||
} else {
|
||||
//需要先判断是否含有之前的
|
||||
//根据courseId判断
|
||||
let re = origin.filter((it) => {
|
||||
return it.courseId == item.key;
|
||||
});
|
||||
console.log("re", re);
|
||||
if (re.length == 0) {
|
||||
updateTask(item);
|
||||
} else {
|
||||
state.sameProj = item;
|
||||
//询问是否重复添加
|
||||
showSameModal();
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const updateTask = (res) => {
|
||||
if (props.isLevel == 1) {
|
||||
RouterEditTask({
|
||||
chapterId: props.isactive,
|
||||
courseId: 0,
|
||||
name: res.data.data.discussName,
|
||||
courseId: res.key,
|
||||
name: res.name,
|
||||
routerId: props.routerId,
|
||||
routerTaskId: props.routerTaskId || 0,
|
||||
type: 8,
|
||||
type: 13,
|
||||
})
|
||||
.then(() => {
|
||||
message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
|
||||
@@ -419,13 +570,35 @@ export default {
|
||||
projectId: props.projectId,
|
||||
projectTaskId: props.projectTaskId || 0,
|
||||
stageId: props.chooseStageId,
|
||||
type: 8,
|
||||
type: 13,
|
||||
});
|
||||
} else if (props.isLevel == 3) {
|
||||
console.log("");
|
||||
}
|
||||
};
|
||||
const onSelectChange = (selectedRowKeys, selectRow) => {
|
||||
console.log("selectedRowKeys changed: ", selectedRowKeys, selectRow);
|
||||
state.selectedRowKeys = selectedRowKeys;
|
||||
state.selectedRows = selectRow;
|
||||
};
|
||||
|
||||
const showSameModal = () => {
|
||||
state.sameModal = true;
|
||||
};
|
||||
const closeSameModal = () => {
|
||||
state.sameProj = null;
|
||||
state.sameModal = false;
|
||||
};
|
||||
const sureSameModal = () => {
|
||||
// updateTask(state.sameProj);
|
||||
state.selectedRows.forEach((item) => {
|
||||
updateTask(item);
|
||||
});
|
||||
state.sameProj = null;
|
||||
state.sameModal = false;
|
||||
closeDrawer();
|
||||
ctx.emit("changeData", false);
|
||||
};
|
||||
return {
|
||||
...toRefs(state),
|
||||
afterVisibleChange,
|
||||
@@ -439,8 +612,10 @@ export default {
|
||||
searchProjectList,
|
||||
resetProjectList,
|
||||
handelChangePage,
|
||||
rowSelection,
|
||||
|
||||
showSameModal,
|
||||
closeSameModal,
|
||||
sureSameModal,
|
||||
// rowSelection,
|
||||
};
|
||||
},
|
||||
};
|
||||
@@ -449,8 +624,149 @@ export default {
|
||||
.ant-table-striped :deep(.table-striped) td {
|
||||
background-color: #fafafa !important;
|
||||
}
|
||||
.sameModal {
|
||||
.ant-modal {
|
||||
width: 424px !important;
|
||||
height: 258px !important;
|
||||
.ant-modal-content {
|
||||
width: 424px !important;
|
||||
height: 258px !important;
|
||||
.ant-modal-body {
|
||||
width: 424px !important;
|
||||
height: 258px !important;
|
||||
padding: 0 !important;
|
||||
.delete {
|
||||
z-index: 999;
|
||||
width: 424px;
|
||||
height: 258px;
|
||||
background: #ffffff;
|
||||
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
|
||||
border-radius: 4px;
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// top: 10%;
|
||||
// transform: translate(-50%, -50%);
|
||||
.del_header {
|
||||
position: absolute;
|
||||
width: calc(100%);
|
||||
height: 68px;
|
||||
background: linear-gradient(
|
||||
rgba(78, 166, 255, 0.2) 0%,
|
||||
rgba(78, 166, 255, 0) 100%
|
||||
);
|
||||
}
|
||||
.del_main {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 20px;
|
||||
padding-left: 26px;
|
||||
font-size: 16px;
|
||||
.icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 10px;
|
||||
background-image: url(@/assets/images/taskpage/gan.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.close_exit {
|
||||
position: absolute;
|
||||
right: 42px;
|
||||
cursor: pointer;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-image: url(@/assets/images/coursewareManage/close.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
.body {
|
||||
width: 100%;
|
||||
margin: 34px auto 56px auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
// background-color: red;
|
||||
position: relative;
|
||||
.back {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
.del_btnbox {
|
||||
display: flex;
|
||||
margin: 30px auto;
|
||||
justify-content: center;
|
||||
.del_btn {
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
background: rgba(64, 158, 255, 0);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
flex-shrink: 0;
|
||||
cursor: pointer;
|
||||
.btnText {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
.btn1 {
|
||||
border: 1px solid rgba(64, 158, 255, 1);
|
||||
color: #4ea6ff;
|
||||
margin-right: 14px;
|
||||
}
|
||||
.btn2 {
|
||||
background-color: #4ea6ff;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.addrefDrawer {
|
||||
.drawerMain {
|
||||
// .main_notice {
|
||||
// display: flex;
|
||||
// justify-content: space-between;
|
||||
// align-items: center;
|
||||
// margin-bottom: 32px;
|
||||
// height: 40px;
|
||||
// background-color: #e9f6fe;
|
||||
// .mntc_left {
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// .title {
|
||||
// color: rgba(0, 0, 0, 0.65);
|
||||
// margin-right: 17px;
|
||||
// }
|
||||
// .data {
|
||||
// color: #388be1;
|
||||
// }
|
||||
// .notice_icon {
|
||||
// width: 14px;
|
||||
// height: 14px;
|
||||
// margin-right: 9px;
|
||||
// margin-left: 9px;
|
||||
// background-image: url(@/assets/images/coursewareManage/gan.png);
|
||||
// background-size: 100% 100%;
|
||||
// }
|
||||
// }
|
||||
// .mntc_right {
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// }
|
||||
.header {
|
||||
height: 73px;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
|
||||
@@ -69,7 +69,7 @@ export default {
|
||||
};
|
||||
noticeList(obj)
|
||||
.then((res) => {
|
||||
console.log("获取公告列表成功");
|
||||
console.log("获取公告列表成功", res.data.data);
|
||||
let result = res.data.data;
|
||||
if (result.total > 0) {
|
||||
setNoticeData(result.rows);
|
||||
|
||||
@@ -780,8 +780,8 @@
|
||||
支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
v-for="item in docList"
|
||||
<!-- <div
|
||||
v-for="item in fileList"
|
||||
:key="item.src"
|
||||
style="margin-top: 20px"
|
||||
class="docListStyle"
|
||||
@@ -800,6 +800,30 @@
|
||||
item.name
|
||||
}}</span>
|
||||
<span style="color: #4ea6ff; float: right">删除</span>
|
||||
</div> -->
|
||||
<div
|
||||
v-for="item in fileList"
|
||||
:key="item.uid"
|
||||
class="docListStyle"
|
||||
>
|
||||
<img
|
||||
src="@/assets/images/basicinfo/download.png"
|
||||
style="
|
||||
cursor: pointer;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 40px;
|
||||
"
|
||||
alt=""
|
||||
/>
|
||||
<span style="font: oblique bold 16px Sans-serif">{{
|
||||
item.name
|
||||
}}</span>
|
||||
<span
|
||||
style="color: #4ea6ff; float: right; cursor: pointer"
|
||||
@click="deFile(item.uid)"
|
||||
>删除</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1898,11 +1922,13 @@ export default {
|
||||
remark: state.remark,
|
||||
routerId: state.routerId,
|
||||
status: state.action,
|
||||
}).then((res) => {
|
||||
console.log(res)
|
||||
}).catch((err) => {
|
||||
console.log(err)
|
||||
})
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
}
|
||||
|
||||
if (info.file.status === "done") {
|
||||
@@ -2003,6 +2029,32 @@ export default {
|
||||
message.error("编辑失败");
|
||||
});
|
||||
};
|
||||
const deFile = (id) => {
|
||||
console.log(id);
|
||||
let index = state.fileList.findIndex((item) => {
|
||||
item.uid == id;
|
||||
});
|
||||
state.fileList.splice(index, 1);
|
||||
let str = JSON.stringify(state.fileList);
|
||||
//要编辑路径图
|
||||
editRoutered({
|
||||
attach: str,
|
||||
name: state.styTitle,
|
||||
picUrl: state.picUrl,
|
||||
remark: state.remark,
|
||||
routerId: state.routerId,
|
||||
status: state.action,
|
||||
})
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
message.destroy();
|
||||
return message.success("删除成功");
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
message.warning("删除失败");
|
||||
});
|
||||
};
|
||||
return {
|
||||
...toRefs(state),
|
||||
...toRefs(levelList),
|
||||
@@ -2052,6 +2104,7 @@ export default {
|
||||
stageChange,
|
||||
pageChange,
|
||||
setconfig,
|
||||
deFile,
|
||||
};
|
||||
},
|
||||
};
|
||||
@@ -3924,6 +3977,11 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.btnbox {
|
||||
.ant-upload-list {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.onemain {
|
||||
margin-top: 20px;
|
||||
|
||||
@@ -481,9 +481,7 @@
|
||||
<div class="item" @click="showDrawerAddProj">
|
||||
<div class="itcon">
|
||||
<div class="img">
|
||||
<img
|
||||
src="../../assets/images/leveladd/xiang.png"
|
||||
/>
|
||||
<img src="../../assets/images/leveladd/xiang.png" />
|
||||
</div>
|
||||
<div class="text">项目</div>
|
||||
<div>
|
||||
@@ -497,6 +495,7 @@
|
||||
v-model:chooseStageId="chooseStageId"
|
||||
v-model:EditProjectId="EditProjectId"
|
||||
v-model:routerTaskId="routerTaskId"
|
||||
v-model:chooseProjectList = "chooseProjectList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -720,9 +719,6 @@
|
||||
<!-- 无数据样式 -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="right" :style="{ display: gqxy_hs ? 'none' : 'block' }">
|
||||
<div class="addhead">
|
||||
@@ -1172,48 +1168,48 @@ export default {
|
||||
drawertableData: [
|
||||
{
|
||||
key: 1,
|
||||
parentId:1,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
children:[
|
||||
parentId: 1,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
children: [
|
||||
{
|
||||
key: 5,
|
||||
parentId:1,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
parentId: 1,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
parentId:2,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
children:[
|
||||
parentId: 2,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
children: [
|
||||
{
|
||||
key: 7,
|
||||
parentId:1,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
children:[
|
||||
parentId: 1,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
children: [
|
||||
{
|
||||
key: 9,
|
||||
parentId:1,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
parentId: 1,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
parentId:3,
|
||||
name: '123',
|
||||
manager:'afssfa',
|
||||
parentId: 3,
|
||||
name: "123",
|
||||
manager: "afssfa",
|
||||
},
|
||||
],
|
||||
selectedProjRowKeys:[],
|
||||
selectedProjRowKeys: [],
|
||||
currentPage: 1,
|
||||
tableDataTotal: 0,
|
||||
pageSize: 10,
|
||||
@@ -1292,6 +1288,7 @@ export default {
|
||||
deleteChapterId: null, //删除关卡id
|
||||
|
||||
unlockModeVisible: false, //切换模式抽屉
|
||||
chooseProjectList: null, //选择的阶段下的任务列表
|
||||
});
|
||||
|
||||
const showModal = (element) => {
|
||||
@@ -1478,6 +1475,11 @@ export default {
|
||||
for (let i = 0; i < state.level.length; i++) {
|
||||
if (state.level[i].chapterId === id) {
|
||||
let array = [];
|
||||
state.chooseProjectList = JSON.stringify(state.level[i].taskList);
|
||||
// console.log(
|
||||
// "goggoo",
|
||||
// Object.prototype.toString.call(state.chooseProjectList)
|
||||
// );
|
||||
state.level[i].taskList.forEach((element) => {
|
||||
let obj = {
|
||||
id: element.routerTaskId,
|
||||
@@ -1559,6 +1561,7 @@ export default {
|
||||
"测评",
|
||||
"评估",
|
||||
"投票",
|
||||
"项目",
|
||||
];
|
||||
return typeRules[index];
|
||||
};
|
||||
@@ -1936,15 +1939,15 @@ export default {
|
||||
routerTaskId: state.routerTaskId,
|
||||
type: 13,
|
||||
})
|
||||
.then(( ) => {
|
||||
.then(() => {
|
||||
message.success(`${state.editproj ? "编辑" : "新增"}关卡任务成功`);
|
||||
// ctx.emit("changeData", false);
|
||||
leaveProjDrawer()
|
||||
leaveProjDrawer();
|
||||
state.addLoading = false;
|
||||
})
|
||||
.catch(() => {
|
||||
message.destroy()
|
||||
message.error("添加关卡任务失败")
|
||||
message.destroy();
|
||||
message.error("添加关卡任务失败");
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
@@ -3650,6 +3650,7 @@ export default {
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("上传失败了", err);
|
||||
message.warning("删除失败");
|
||||
});
|
||||
};
|
||||
onMounted(() => {
|
||||
@@ -6124,9 +6125,9 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.btnbox{
|
||||
.ant-upload-list{
|
||||
display:none !important;
|
||||
.btnbox {
|
||||
.ant-upload-list {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
.onemain {
|
||||
|
||||
Reference in New Issue
Block a user