仪器详情

ruoyi-ui/src/views/smartSchool/InstrumentDrugAdministration/instrumentDetails/index.vue

 <template>
 <template>
-    <div>仪器详情</div>
+    <div>
+        <el-form
+            :model="queryForm"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            label-width="68px"
+        >
+            <el-form-item label="仪器名称">
+                <el-input
+                    v-model="queryForm.name"
+                    placeholder="请输入"
+                    clearable
+                ></el-input>
+            </el-form-item>
+            <el-form-item label="仪器分类">
+                <el-select
+                    v-model="queryForm.name"
+                    placeholder="请选择"
+                    clearable
+                >
+                    <el-option> </el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="变更日期">
+                <el-date-picker
+                    v-model="queryForm.name"
+                    type="daterange"
+                    range-separator="至"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                >
+                </el-date-picker>
+            </el-form-item>
+            <el-form-item>
+                <el-button
+                    type="primary"
+                    icon="el-icon-search"
+                    size="mini"
+                    @click="getList"
+                    >搜索</el-button
+                >
+                <el-button
+                    icon="el-icon-refresh"
+                    size="mini"
+                    @click="resetQuery"
+                    >重置</el-button
+                >
+            </el-form-item>
+        </el-form>
+
+        <!-- 表格 -->
+        <el-table stripe :data="tableData" border style="width: 98%">
+            <el-table-column
+                align="center"
+                type="index"
+                label="序号"
+                width="55"
+            />
+            <el-table-column align="center" prop="name" label="仪器名称" />
+            <el-table-column align="center" prop="name" label="仪器分类" />
+            <el-table-column align="center" prop="name" label="仪器型号" />
+            <el-table-column align="center" prop="name" label="变动类型" />
+            <el-table-column align="center" prop="name" label="变动数量" />
+            <el-table-column align="center" prop="name" label="旧库存数量" />
+            <el-table-column align="center" prop="name" label="新库存数量" />
+            <el-table-column align="center" prop="name" label="变更时间" />
+            <el-table-column align="center" prop="name" label="备注" />
+        </el-table>
+
+        <!-- 分页 -->
+        <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryForm.pageNum"
+            :limit.sync="queryForm.pageSize"
+            @pagination="getList"
+        />
+    </div>
 </template>
 </template>
 
 
 <script>
 <script>
 export default {
 export default {
-    name: 'instrumentManagement'
+    name: 'instrumentManagement',
+    data() {
+        return {
+            queryForm: {
+                pageNum: 1,
+                pageSize: 10,
+                name: ''
+            },
+            //表格数据
+            tableData: [
+                {
+                    name: 111222
+                }
+            ],
+            // 总计
+            total: 0
+        }
+    },
+    methods: {
+        // 搜索
+        getList() {},
+        // 重置
+        resetQuery() {}
+    }
 }
 }
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
+.el-form {
+    margin-top: 15px;
+    margin-left: 10px;
+}
+.el-table {
+    margin-left: 10px;
+}
 </style>
 </style>
\ No newline at end of file