From 3a2f838d30efcb23dbb2a16027f64c32d36c2c47 Mon Sep 17 00:00:00 2001
From: 13404089107 <puwei@sinata.cn>
Date: 星期四, 08 五月 2025 16:17:17 +0800
Subject: [PATCH] 开发页面
---
culture/src/views/strainReportLibrary/reportLibraryOne/add.vue | 126 ++++++++++++++++++++++++++++++++++++++---
1 files changed, 115 insertions(+), 11 deletions(-)
diff --git a/culture/src/views/strainReportLibrary/reportLibraryOne/add.vue b/culture/src/views/strainReportLibrary/reportLibraryOne/add.vue
index 0a6826b..39fe6a9 100644
--- a/culture/src/views/strainReportLibrary/reportLibraryOne/add.vue
+++ b/culture/src/views/strainReportLibrary/reportLibraryOne/add.vue
@@ -69,16 +69,32 @@
</div>
<div class="header-title" style="width: 100%;display: flex; align-items: center;">
- <div class="header-title-left mt-unset" >
- <!-- <img src="@/assets/public/headercard.png" /> -->
- <div>菌种实验员</div>
+ <div class="header-title-left mt-unset">
+ <!-- <img src="@/assets/public/headercard.png" /> -->
+ <div>菌种实验员</div>
+ </div>
+ <div class="header-title-right">
+ <el-button @click="showChoose = true" class="el-icon-circle-plus-outline" type="primary">
+ 选择菌种实验员</el-button>
+ </div>
</div>
- <div class="header-title-right">
- <el-button @click="showChoose = true" class="el-icon-circle-plus-outline" type="primary">
- 选择菌种实验员</el-button>
+ <div class="member-list">
+ <div class="member-list-card">
+ <div class="member-item">
+ <div class="member-title">
+ 菌种实验员
+ </div>
+ <div class="member-name-box">
+ <div class="member-name">
+ 张三
+ </div>
+ </div>
+ <div class="member-change">
+ <div class="member-change-btn">修改</div>
+ </div>
+ </div>
+ </div>
</div>
-
- </div>
<div class="end-btn" style="margin-top: 38px">
<el-button type="primary">发送</el-button>
@@ -123,9 +139,10 @@
</script>
<style lang="less" scoped>
-.mt-unset{
+.mt-unset {
margin-top: unset !important;
}
+
.header-title {
display: flex;
align-items: center;
@@ -180,15 +197,102 @@
}
}
-.end-btn{
+.end-btn {
display: flex;
align-items: center;
gap: 10px;
- button{
+ button {
width: 180px;
height: 36px;
// background: #409EFF;
}
}
+
+.member-list {
+ margin-top: 18px;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 28px;
+
+ .member-list-card {
+ width: 340px;
+ height: 400px;
+ border-radius: 8px;
+ border: 1px solid #dcdfe6;
+ background: linear-gradient(to bottom,
+ rgba(5, 160, 193, 0.2) 0%,
+ rgba(5, 242, 194, 0) 70%);
+
+ .member-item {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+
+ .member-title {
+ margin-top: 20px;
+ width: 100%;
+ font-family: "Source Han Sans CN Bold Bold";
+ font-weight: bold;
+ font-size: 16px;
+ color: rgba(0, 0, 0, 0.8);
+ line-height: 16px;
+ text-align: center;
+ }
+
+ .flex1 {
+ flex: 1;
+ }
+
+ .member-name-box {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .member-name-box-2 {
+ flex: 1;
+ padding: 0 20px;
+ padding-top: 40px;
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 20px;
+ justify-items: center;
+ align-items: start;
+ }
+
+ .member-name {
+ width: 60px;
+ height: 60px;
+ background: #7d8b79;
+ border-radius: 50%;
+ text-align: center;
+ line-height: 60px;
+ font-weight: 500;
+ font-size: 16px;
+ color: #ffffff;
+ margin: 0;
+ }
+
+ .member-change {
+ display: flex;
+ justify-content: center;
+ padding: 10px 0;
+ margin-top: auto;
+ cursor: pointer;
+
+ .member-change-btn {
+ background: #fff1f0;
+ border-radius: 4px;
+ border: 1px solid #ffccc7;
+ padding: 1px 8px;
+ font-weight: 400;
+ font-size: 12px;
+ color: #ff4d4f;
+ }
+ }
+ }
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.7.1