This commit is contained in:
lixg
2022-12-05 16:09:15 +08:00
parent a70f1761ae
commit cf6d1cdfa7
6 changed files with 180 additions and 33 deletions

View File

@@ -140,7 +140,7 @@
<div class="right" @click="closedeleone"></div>
</div>
</div>
<div class="main">请确认是否批量删除组员</div>
<div class="main">请确认是否删除组员</div>
<div class="butn">
<button class="btn btn1" @click="closedeleone">取消</button>
<button class="btn btn2" @click="yesdele">确定</button>
@@ -160,7 +160,7 @@
<script>
import { toRefs, reactive } from "vue";
// import StuAdd from "./StuAdd.vue";
import { getProjStu, deleteStu } from "../../api/indexProjStu";
import { getProjStu, removeGroupStudent } from "../../api/indexProjStu";
import { toDate } from "../../api/method";
import { message } from "ant-design-vue";
import AddGroupMembers from "./AddGroupMembers.vue";
@@ -284,10 +284,13 @@ export default {
};
//点击确认批量删除弹窗
const sureDeModal = () => {
deleteStu({
let obj = {
projectGroupId: props.chooseGroupId,
projectId: props.projectId,
studentIds: state.selectedRows,
})
};
removeGroupStudent(obj)
.then((res) => {
console.log(res, "删除成功");
message.success("删除成功");
@@ -302,6 +305,8 @@ export default {
};
const closeModal = () => {
state.showmodal = false;
state.selectedRows = [];
state.selectedRowKeys = [];
};
const showStuAdd = () => {
state.Stuvisible = true;
@@ -434,20 +439,26 @@ export default {
// console.log(id, "fewfew");
console.log(`${id}`);
state.deone = true;
state.selectedRows = [];
state.selectedRows.push(id);
// state.deleteClassify=1
};
//点击取消删除单个学员
const closedeleone = () => {
state.deone = false;
state.selectedRows = [];
state.selectedRowKeys = [];
};
const yesdele = () => {
state.deone = false;
deleteStu({
let obj = {
projectGroupId: props.chooseGroupId,
projectId: props.projectId,
studentIds: state.selectedRows,
})
};
console.log("删除小组学员obj", obj);
removeGroupStudent(obj)
.then((res) => {
state.deone = false;
console.log(res, "单个删除成功");
message.success("删除成功");
getStu();
@@ -787,4 +798,111 @@ export default {
}
}
}
.FacMa {
.ant-modal {
width: 424px;
height: 258px;
.ant-modal-content {
width: 424px;
height: 258px;
.ant-modal-body {
width: 424px;
height: 258px;
padding: 0px;
.head {
width: 424px;
height: 68px;
// position: absolute;
// left: 0;
// top: 0;
background: linear-gradient(
180deg,
rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0) 100%
);
display: flex;
justify-content: center;
.inhead {
width: 90%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.left {
display: flex;
align-items: center;
.gan {
width: 16px;
height: 16px;
background-image: url(../../assets/images/taskpage/gan.png);
}
.tis {
margin-left: 5px;
width: 32px;
font-size: 16px;
font-weight: 600;
color: #333333;
}
}
.right {
width: 22px;
height: 22px;
background-image: url(../../assets/images/basicinfo/close.png);
background-size: 100% 100%;
cursor: pointer;
}
}
}
.main {
margin-top: 20px;
width: 100%;
display: flex;
justify-content: center;
font-size: 14px;
font-weight: 400;
color: #333333;
}
.butn {
width: 100%;
display: flex;
margin-top: 60px;
justify-content: center;
.btn {
width: 100px;
height: 40px;
border-radius: 4px;
cursor: pointer;
}
.btn1 {
color: #387df7;
background: #ffffff;
border: 1px solid #387df7;
}
.btn2 {
background: #409eff;
color: #fff;
border: 0;
margin-left: 10px;
}
}
}
}
}
}
</style>