修改了样本管理

pages/drug-sample-flow/tabs/labSampleFlow.vue

@@ -96,6 +96,7 @@
       </element-table>
       </Col>
     </Row>
+    <transferListModal ref="ListModal" />
     <!--扫码接收-->
     <labReceiveScan ref="receiveModal" @on-result-change="_formSearch" />
 
@@ -107,9 +108,10 @@
 import { drugSample } from '../../../api'
 import labReceiveScan from '../labReceiveScan'
 import fileManage from '../../base-manage/fileManage'
+import transferListModal from '../transferListModal'
 export default {
   name: 'PreparationManage',
-  components: { labReceiveScan, fileManage },
+  components: { labReceiveScan, fileManage, transferListModal },
   data() {
     return {
       name: '',
@@ -184,6 +186,7 @@ export default {
       const result = await drugSample.pageSampleFlow(data)
       if (result) {
         this.getPage = result
+        console.log(this.getPage)
         this.$refs.pageTable._initTable()
       }
     },
@@ -219,6 +222,7 @@ export default {
         this.$Message.warning('请至少选择一条数据!')
       } else {
         // this._receiveByIds(ids, `确认要接收 ${ids.length} 条数据吗?`)
+        this.$refs.ListModal._open(selectData)
       }
     },
     _receiveByIds(ids, content) {

pages/drug-sample-flow/transferListModal.vue

+<template>
+  <div>
+    <Modal v-model="showListModal" width="1200px">
+      <Row>
+        <Col span="24" />
+        <element-table
+          ref="pageTable"
+          :page-columns="pageColumns"
+          :table-height="500"
+          :get-page="getPage"
+        >
+          <el-table-column
+            v-for="item in pageColumns"
+            :key="item.key"
+            show-overflow-tooltip
+            sortable
+            :prop="item.key"
+            :label="item.title"
+            :align="item.align"
+            :width="item.width"
+            :min-width="200"
+          >
+            <template slot-scope="scope">
+              <span v-if="item.datetime">
+                {{ scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd HH:MM:ss'):'' }}
+              </span>
+              <span v-else-if="item.status">
+                {{ scope.row[item.key].display }}
+              </span>
+              <span v-else-if="item.key==='num'">
+                <InputNumber v-model="scope.row.num" name="num" placeholder="请输入数量" style="width: 100px;" />
+              </span>
+              <span v-else-if="item.key==='unit'">
+                <Input v-model="scope.row.unit" name="unit" placeholder="请输入单位" style="width: 100px;" />
+              </span>
+              <span v-else-if="item.key==='person'">
+                <Input v-model="scope.row.person" name="person" placeholder="请输入流转人" style="width: 100px;" />
+              </span>
+              <span v-else-if="item.key==='time'">
+                <el-date-picker
+                  v-model="scope.row.time"
+                  type="datetime"
+                  placeholder="选择日期时间"
+                  default-time="12:00:00">
+                </el-date-picker>
+              </span>
+              <span v-else>
+                {{ scope.row[item.key] }}
+              </span>
+            </template>
+          </el-table-column>
+        </element-table>
+        </Col>
+      </Row>
+    </Modal>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TransferListModal',
+  data() {
+    return {
+      showListModal: false,
+      getPage: {
+        records: []
+      },
+      num: 0,
+      unit: '',
+      person: '',
+      time: '',
+      pageColumns: [
+        {
+          title: '样本编号',
+          key: 'sampleCode',
+          width: 140,
+          fixed: 'left',
+          align: 'center'
+        },
+        { title: '牌号', key: 'name', width: 130, align: 'center' },
+        {
+          title: '检测实验室',
+          key: 'groupName',
+          width: 140,
+          fixed: 'left',
+          align: 'center'
+        },
+        { title: '流转数量', key: 'num', width: 130, align: 'center' },
+        {
+          title: '流转单位',
+          key: 'unit',
+          width: 180,
+          align: 'center'
+        },
+        { title: '流转人', key: 'person', width: 120, align: 'center' },
+        { title: '流转时间', key: 'time', width: 300, align: 'center' }
+      ]
+    }
+  },
+  methods: {
+    _open(data) {
+      this.showListModal = true
+      console.log(data)
+      this.getPage.records = data
+      console.log(123)
+      console.log(this.getPage)
+      this.$refs.pageTable._initTable()
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
+<style>
+.el-date-editor .el-range-separator {
+  padding: 0px;
+}
+</style>