From 527efb36f35b471710e445972673abff45bacdac Mon Sep 17 00:00:00 2001
From: 董国庆 <364620639@qq.com>
Date: 星期五, 12 九月 2025 17:36:09 +0800
Subject: [PATCH] 401跳转登录
---
laboratory/src/views/dataManagement/dispatching/components/AddTaskDialog.vue | 83 ++++++++++++++++++++++++-----------------
1 files changed, 48 insertions(+), 35 deletions(-)
diff --git a/laboratory/src/views/dataManagement/dispatching/components/AddTaskDialog.vue b/laboratory/src/views/dataManagement/dispatching/components/AddTaskDialog.vue
index f4ecedc..2405732 100644
--- a/laboratory/src/views/dataManagement/dispatching/components/AddTaskDialog.vue
+++ b/laboratory/src/views/dataManagement/dispatching/components/AddTaskDialog.vue
@@ -7,10 +7,12 @@
</el-form-item>
<el-form-item label="负责人" prop="leader">
+ <!-- <div class="required-label">负责人</div> -->
<Table
ref="table"
:data="tableData"
- :total="0"
+ :total="0"
+ :height="null"
class="rwuTable"
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"></el-table-column>
@@ -43,7 +45,7 @@
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="handleClose">关闭</el-button>
- <el-button type="primary" @click="handleSubmit">保存</el-button>
+ <el-button type="primary" @click="handleSubmit" style="margin-left: 10px;">保存</el-button>
</div>
</el-dialog>
</template>
@@ -56,6 +58,7 @@
dialogVisible: false,
title: "新增任务",
form: {
+ id: "", // 任务id
taskName: "",
startTime: "",
selectedUsers: [], // 存储选中用户的id数组
@@ -65,11 +68,14 @@
taskName: [
{ required: true, message: "请输入任务名称", trigger: "blur" }
],
+ leader: [
+ { required: true, message: "请选择负责人", trigger: "blur" }
+ ],
startTime: [
{ required: true, message: "请选择开始时间", trigger: "change" }
]
},
- tableData: [],
+ tableData: [], // 参与人员列表
pickerOptions: {
shortcuts: [
{
@@ -103,24 +109,43 @@
};
},
methods: {
- open(row) {
+ open(row, participants) {
this.dialogVisible = true;
- this.getAvailableUsers();
+ // 使用传入的参与人员数据
+ this.tableData = participants.map(user => ({
+ id: user.userId,
+ role: user.roleName,
+ name: user.nickName,
+ avatar: user.avatar,
+ createTime: new Date().toLocaleString()
+ }));
if (row) {
this.title = "编辑任务";
+ // 处理负责人数据
+ const selectedNames = row.personCharge ? row.personCharge.split('、') : [];
+ const selectedUsers = [];
+
+ // 根据负责人名称找到对应的用户ID
+ this.tableData.forEach(user => {
+ if (selectedNames.includes(user.name)) {
+ selectedUsers.push(user.id);
+ }
+ });
+
this.form = {
+ id: row.id || '',
taskName: row.taskName || '',
startTime: row.startTime || '',
- selectedUsers: row.selectedUsers || [],
- leader: row.leader || ''
+ selectedUsers: selectedUsers,
+ leader: row.personCharge || ''
};
// 在表格数据加载完成后设置选中状态
this.$nextTick(() => {
- if (this.$refs.table && this.form.selectedUsers.length) {
+ if (this.$refs.table) {
this.tableData.forEach(row => {
- if (this.form.selectedUsers.includes(row.id)) {
+ if (selectedNames.includes(row.name)) {
this.$refs.table.toggleRowSelection(row, true);
}
});
@@ -129,6 +154,7 @@
} else {
this.title = "新增任务";
this.form = {
+ id: "",
taskName: "",
startTime: "",
selectedUsers: [],
@@ -143,6 +169,7 @@
this.$refs.table.clearSelection();
}
this.form = {
+ id: "",
taskName: "",
startTime: "",
selectedUsers: [],
@@ -163,6 +190,7 @@
}
const submitData = {
+ id: this.form.id,
taskName: this.form.taskName,
startTime: this.form.startTime,
selectedUsers: this.form.selectedUsers,
@@ -173,32 +201,6 @@
this.handleClose();
}
});
- },
- getAvailableUsers() {
- // 这里可以调用接口获取人员列表
- this.tableData = [
- {
- id: 1,
- role: "实验师",
- name: "曾奇胜",
- avatar: "",
- createTime: "2024-09-18 00:00:00"
- },
- {
- id: 2,
- role: "实验师",
- name: "李四",
- avatar: "",
- createTime: "2024-09-18 00:00:00"
- },
- {
- id: 3,
- role: "实验师",
- name: "王五",
- avatar: "",
- createTime: "2024-09-18 00:00:00"
- }
- ];
}
}
};
@@ -211,6 +213,17 @@
.custom-input {
width: 100%;
}
+
+ .required-label {
+ font-size: 14px;
+ color: #333;
+ margin-bottom: 8px;
+ &::before {
+ content: "*";
+ color: #f56c6c;
+ margin-right: 4px;
+ }
+ }
}
.rwuTable {
--
Gitblit v1.7.1