From c85d2427b749c5e7236f0474f9215e5936cdfa7c Mon Sep 17 00:00:00 2001
From: 董国庆 <364620639@qq.com>
Date: 星期三, 21 五月 2025 17:08:21 +0800
Subject: [PATCH] 原始检验记录

---
 laboratory/src/views/dataManagement/sampleManage/components/experimental-scheduling.vue |  187 ++++++++++++++++++++++++++++++++--------------
 1 files changed, 131 insertions(+), 56 deletions(-)

diff --git a/laboratory/src/views/dataManagement/sampleManage/components/experimental-scheduling.vue b/laboratory/src/views/dataManagement/sampleManage/components/experimental-scheduling.vue
index f173a8c..c3acd40 100644
--- a/laboratory/src/views/dataManagement/sampleManage/components/experimental-scheduling.vue
+++ b/laboratory/src/views/dataManagement/sampleManage/components/experimental-scheduling.vue
@@ -1,7 +1,12 @@
 <template>
     <div>
-        <el-dialog title="选择实验调度" :visible.sync="show" width="80%">
-            <TableCustom :queryForm="form" :tableData="tableData" :total="total" :height="null">
+        <el-dialog title="选择实验调度" :visible.sync="show" width="80%" @close="$emit('close', false)">
+            <TableCustom 
+            :queryForm="form" :tableData="tableData" 
+            :total="total" :height="null"
+             @handleCurrentChange="handleCurrentChange" 
+             @selection-change="changeSelectedRows"
+             @handleSizeChange="handleSizeChange">
                 <template #search>
                     <el-form :model="form" label-width="140px" inline>
                         <el-form-item label="所属项目课题方案:">
@@ -10,22 +15,19 @@
                         <el-form-item label="实验编号:">
                             <el-input v-model="form.experimentCode" placeholder="请输入"></el-input>
                         </el-form-item>
+                        <el-form-item label="实验名称:">
+                            <el-input v-model="form.experimentName" placeholder="请输入"></el-input>
+                        </el-form-item>
                         <el-form-item label="通知时间:">
-                            <el-date-picker 
-                                v-model="form.createTime" 
-                                type="daterange" 
-                                range-separator="至" 
-                                start-placeholder="开始日期" 
-                                end-placeholder="结束日期" 
-                                value-format="yyyy-MM-dd">
-                            </el-date-picker>
+                            <el-date-picker v-model="form.createTime" type="daterange" range-separator="至"
+                                start-placeholder="开始日期" end-placeholder="结束日期"
+                                value-format="yyyy-MM-dd" @change="handleDateChange"></el-date-picker>
                         </el-form-item>
                         <el-form-item label="状态:">
                             <el-select v-model="form.status" placeholder="请选择">
-                                <el-option label="草稿箱" :value="-1"></el-option>
-                                <el-option label="待确认" :value="1"></el-option>
-                                <el-option label="已确认" :value="2"></el-option>
-                                <el-option label="已封存" :value="3"></el-option>
+                                <el-option label="全部" value=""></el-option>
+                                <el-option label="待确认" value="1"></el-option>
+                                <el-option label="已确认" value="2"></el-option>
                             </el-select>
                         </el-form-item>
                         <el-form-item label="" class="search-btn-box">
@@ -36,84 +38,157 @@
                 </template>
                 
                 <template #table>
-                    <el-table-column prop="planCode" label="所属项目课题方案"></el-table-column>
-                    <el-table-column prop="planName" label="实验编号"></el-table-column>
-                    <el-table-column prop="planName" label="实验名称"></el-table-column>
-                    <el-table-column prop="stage" label="通知时间"></el-table-column>
-                    <el-table-column prop="stage" label="实验开始时间"></el-table-column>
-                    <el-table-column prop="stage" label="实验结束时间"></el-table-column>
-                    <el-table-column prop="stage" label="参加人员"></el-table-column>
-                    <el-table-column prop="creator" label="状态"></el-table-column>
+                    <el-table-column type="selection" width="55"></el-table-column>
+                    <el-table-column prop="projectName" label="所属项目课题方案"></el-table-column>
+                    <el-table-column prop="experimentCode" label="实验编号"></el-table-column>
+                    <el-table-column prop="experimentName" label="实验名称"></el-table-column>
+                    <el-table-column prop="experimentDate" label="通知时间"></el-table-column>
+                    <el-table-column prop="experimentStartTime" label="实验开始时间"></el-table-column>
+                    <el-table-column prop="experimentEndTime" label="实验结束时间"></el-table-column>
+                    <el-table-column prop="participantsName" label="参加人员"></el-table-column>
+                    <el-table-column prop="status" label="状态">
+                        <template slot-scope="scope">
+                            <el-tag :type="getStatusType(scope.row.status)">
+                                {{ getStatusText(scope.row.status) }}
+                            </el-tag>
+                        </template>
+                    </el-table-column>
                 </template>
             </TableCustom>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="show = false">取 消</el-button>
-                <el-button type="primary" @click="show = false">确 定</el-button>
+            <span slot="footer" class="select-member-footer">
+                <el-button @click="$emit('close', false)">取 消</el-button>
+                <el-button type="primary" @click="handleConfirm">确 定</el-button>
             </span>
         </el-dialog>
     </div>
 </template>
 
 <script>
-import { getDispatchList } from '../service';
+import { getDispatchList } from "../service";
 
 export default {
-    props: ['show'],
+    props: {
+        show: {
+            type: Boolean,
+            default: false
+        }
+    },
     data() {
         return {
             form: {
                 projectName: "",
                 experimentCode: "",
-                createTime: [],
-                status: null,
+                experimentName: "",
+                startTime: "",
+                endTime: "",
+                status: "",
                 pageNum: 1,
                 pageSize: 10
             },
             tableData: [],
-            total: 0
-        };
+            total: 0,
+            selectedRows: []
+        }
+    },
+    watch: {
+        show(val) {
+            if (val) {
+                this.getTableData();
+            }
+        }
     },
     methods: {
+        handleDateChange(val) {
+            if (val) {
+                this.form.startTime = val[0];
+                this.form.endTime = val[1];
+            } else {
+                this.form.startTime = "";
+                this.form.endTime = "";
+            }
+        },
         resetForm() {
             this.form = {
                 projectName: "",
                 experimentCode: "",
-                createTime: [],
-                status: null,
+                experimentName: "",
+                startTime: "",
+                endTime: "",
+                status: "",
                 pageNum: 1,
                 pageSize: 10
             };
-            this.handleSearch();
+            this.getTableData();
         },
-        async handleSearch() {
-            const params = {
-                projectName: this.form.projectName,
-                experimentCode: this.form.experimentCode,
-                startTime: this.form.createTime[0] || null,
-                endTime: this.form.createTime[1] || null,
-                status: this.form.status,
-                pageNum: this.form.pageNum,
-                pageSize: this.form.pageSize
+        handleSearch() {
+            this.form.pageNum = 1;
+            this.getTableData();
+        },
+        getStatusType(status) {
+            const statusMap = {
+                "-1": "info",
+                "1": "warning",
+                "2": "success",
+                "3": "info"
             };
-            try {
-                const res = await getDispatchList(params);
-                this.tableData = res.records || [];
-                this.total = res.total || 0;
-            } catch (error) {
-                console.error("查询失败:", error);
+            return statusMap[status] || "info";
+        },
+        getStatusText(status) {
+            const statusMap = {
+                "-1": "草稿箱",
+                "1": "待确认",
+                "2": "已确认",
+                "3": "已封存"
+            };
+            return statusMap[status] || "未知";
+        },
+        getTableData() {
+            const params = {
+                ...this.form
+            };
+            getDispatchList(params).then(res => {
+                console.log('222222222222',res)
+                if (res.code==200) {
+                    this.tableData = res.data.records || [];
+                    this.total = res.data.total || 0;
+                }
+            });
+        },
+        handleCurrentChange(val) {
+            this.form.pageNum = val;
+            this.getTableData();
+        },
+        handleSizeChange(val) {
+            this.form.pageSize = val;
+            this.form.pageNum = 1;
+            this.getTableData();
+        },
+        changeSelectedRows(val) {
+            console.log('val',val)
+            this.selectedRows = val;
+        },
+        handleCancel() {
+            this.$emit('update:show', false);
+        },
+        handleConfirm() {
+            if (!this.selectedRows || this.selectedRows.length === 0) {
+                this.$message.warning('请至少选择一条数据');
+                return;
             }
+            if (this.selectedRows.length != 1) {
+                this.$message.warning('请选择一条数据');
+                return;
+            }
+            this.$emit('submit', this.selectedRows);
+            this.$emit('close', false);
         }
     }
-};
+}
 </script>
 
 <style lang="less" scoped>
-.dialog-footer {
+.select-member-footer {
     display: flex;
-    justify-content: center;
-    gap: 10px;
-}
-::v-deep .el-range-editor--small {
-    line-height: 30px !important;
+    justify-content: flex-end;
 }
 </style>
\ No newline at end of file

--
Gitblit v1.7.1