From f6dad409009ded88455a304aa96620a14dd7e871 Mon Sep 17 00:00:00 2001
From: yuyu <1981343953@qq.com>
Date: 星期二, 22 八月 2023 17:50:04 +0800
Subject: [PATCH] 8.22提交
---
src/views/laboratory/gather/index.vue | 133 +++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 130 insertions(+), 3 deletions(-)
diff --git a/src/views/laboratory/gather/index.vue b/src/views/laboratory/gather/index.vue
index 583b934..cccf8cc 100644
--- a/src/views/laboratory/gather/index.vue
+++ b/src/views/laboratory/gather/index.vue
@@ -1,13 +1,140 @@
<template>
- <div>璁惧閲囬泦</div>
+ <div class="content-main">
+ <div class="top-bar">
+ <el-form ref="form" :inline="true" :model="searchData">
+ <el-form-item label="璁惧缂栧彿:" style="margin-right: 50px;">
+ <el-input v-model="searchData.code" placeholder="璇疯緭鍏ヨ澶囩紪鍙�">
+ </el-input>
+ </el-form-item>
+ <el-form-item label="璁惧鍚嶇О:" style="margin-right: 20px;">
+ <el-input v-model="searchData.name" placeholder="璇疯緭鍏ヨ澶囧悕绉�">
+ </el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" @click="searchInspections">鏌ヨ</el-button>
+ <el-button type="primary" plain @click="reset">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="library-table">
+ <el-card v-for="item in device" :key="index" class="box-card" style="width: 22.8%;">
+ <div class="header">
+ <div style="display: flex;justify-content: start; width: 100%;">
+ <div class="el-icon-set-up" style="font-size: 25px;color: rgb(103, 194, 58);line-height: 55px ;"></div>
+ <div class="device_code">{{ item.code }}</div>
+ </div>
+ <div v-show="item.status === 0" class="status">
+ <el-tag type="success">杩愯</el-tag>
+ </div>
+ <div v-show="item.status === 1" class="status">
+ <el-tag type="danger">鏁呴殰</el-tag>
+ </div>
+ </div>
+ <div class="content">
+ <div>
+ <span style="color: rgb(136, 135, 135);">璁惧鍚嶇О锛� </span>
+ <span>{{ item.name }}</span>
+ </div>
+ <div>
+ <span style="color: rgb(136, 135, 135);">閴村畾鏈夋晥鏈燂細 </span>
+ <span>{{ item.valid }}</span>
+ </div>
+ </div>
+ <el-divider></el-divider>
+ <div class="footer">
+ <el-button type="text" icon="el-icon-document">椤圭洰璇︽儏</el-button>
+ <el-divider direction="vertical" style="width: 200px;"></el-divider>
+ <el-button type="text" icon="el-icon-pie-chart">椤圭洰閲囬泦</el-button>
+ </div>
+
+ </el-card>
+ </div>
+ </div>
</template>
<script>
export default {
-
+ data(){
+ return {
+ searchData:{
+ code: '',
+ name: ''
+ },
+ device:[
+ {
+ code: 'NF-220907',
+ status: 0,
+ name: '鎷夊姏鏈篣60',
+ valid: '2022-11-09 ~ 2023.11.10'
+ },
+ {
+ code: 'NF-220907',
+ status: 0,
+ name: '鎷夊姏鏈篣60',
+ valid: '2022-11-09 ~ 2023.11.10'
+ }
+ ]
+ }
+ },
}
</script>
<style lang="scss" scoped>
-
+.content-main{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ .top-bar{
+ margin: -25px -15px;
+ background: #fff;
+ display: flex;
+ justify-content: space-between;
+ padding: 5px 24px 0px 24px;
+ .rightBtn{
+ display: flex;
+ justify-content: space-between;
+ }
+ }
+ .library-table{
+ background-color: #fff;
+ flex: 1;
+ margin: 0px -15px;
+ margin-top: 40px;
+ display: flex;
+ // flex-direction: space-evenly;
+ flex-wrap: wrap;
+ .el-card{
+ height: 300px;
+ margin-left: 30px;
+ margin-top: 20px;
+ .header{
+ display: flex;
+ justify-content: space-between;
+ height: 60px;
+ line-height: 60px;
+ .device_code{
+ font-size: 24px;
+ font-weight: bold;
+ margin-left: 20px;
+ }
+ }
+ .content{
+ font-size: 16px;
+ margin-top: 10px;
+ >div{
+ padding: 10px 0px;
+ }
+ }
+ .footer{
+ .el-button{
+ width: 45%;
+ font-size: 18px;
+ color: black;
+ // background-color: #bfa;
+ }
+ }
+ }
+ }
+}
</style>
--
Gitblit v1.9.3