From c6b613114b336159e99075b9b5e2ac8c45f76093 Mon Sep 17 00:00:00 2001
From: zhangjiming <zhangjiming@costrip.cn>
Date: Mon, 10 Feb 2025 16:21:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=97=A5=E5=BF=97=E8=AE=B0=E5=BD=95=E3=80=81?=
 =?UTF-8?q?=E5=AE=9E=E9=AA=8C=E8=AE=B0=E5=BD=95=E3=80=81=E6=BA=B6=E6=B6=B2?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=20=E9=9D=99=E6=80=81=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/expeRecord/index.vue   | 42 ++++++++++++++++++++++++++++++++++++--
 src/views/liquidConfig/index.vue | 44 ++++++++++++++++++++++++++++++++++++++--
 src/views/logRecord/index.vue    | 42 ++++++++++++++++++++++++++++++++++++--
 src/views/oreManage/index.vue    | 12 +++++------
 4 files changed, 128 insertions(+), 12 deletions(-)

diff --git a/src/views/expeRecord/index.vue b/src/views/expeRecord/index.vue
index 42a1d62..4886b5a 100644
--- a/src/views/expeRecord/index.vue
+++ b/src/views/expeRecord/index.vue
@@ -1,6 +1,44 @@
 <template>
-    <div>实验记录</div>
+	<div class="component-page">
+		<section class="flex items-center h-20 gap-3 pl-3">
+			<button class="btn-light px-3 py-1 text-xs">导出</button>
+			<button :disabled="opDisable" class="btn-light px-3 py-1 text-xs disabled:btn-light-disabled">删除</button>
+		</section>
+
+		<section>
+			<header class="h-10 flex items-center bg-[#000]/[0.02] text-xs pr-3 text-text">
+				<div class="w-10 self-stretch flex justify-center items-center">
+					<img src="@/assets/Icon-unselect.svg" alt="icon" />
+				</div>
+                <p class="w-[10rem]">时间</p>
+				<p class="w-[8rem]">用户名</p>
+                <p>实验记录</p>
+			</header>
+			<div class="h-10 flex items-center text-xs pr-3 text-[#6e6e6e]  border-b border-b-[#f8f8f8]">
+				<div class="w-10 self-stretch flex justify-center items-center">
+					<img :src="isSelect ? icon_select : icon_unselect" alt="" />
+				</div>
+				<p class="w-[10rem]">2025年6月24日 13:16:45</p>
+				<p class="w-[8rem]">admin</p>
+                <p>实验记录xxxxxx</p>
+			</div>
+		</section>
+
+		<van-overlay :show="showEditDialog">
+			<div class="flex justify-center items-center h-full">
+				
+			</div>
+		</van-overlay>
+	</div>
 </template>
+
 <script lang="ts" setup>
+import icon_unselect from "@/assets/Icon-unselect.svg";
+import icon_select from "@/assets/Icon-select.svg";
+import { ref } from "vue";
+
+const isSelect = ref<boolean>(true);
+const opDisable = ref<boolean>(true);
+const showEditDialog = ref<boolean>(false);
 
-</script>
\ No newline at end of file
+</script>
diff --git a/src/views/liquidConfig/index.vue b/src/views/liquidConfig/index.vue
index c2c2c27..f832dcf 100644
--- a/src/views/liquidConfig/index.vue
+++ b/src/views/liquidConfig/index.vue
@@ -1,3 +1,43 @@
 <template>
-    <div>加液配置</div>
-</template>
\ No newline at end of file
+	<div class="component-page">
+		<section class="flex items-center h-20 gap-3 pl-3">
+			<button class="btn-light px-3 py-1 text-xs">添加溶液</button>
+			<button :disabled="opDisable" class="btn-light px-3 py-1 text-xs disabled:btn-light-disabled">编辑溶液</button>
+			<button class="btn-light px-3 py-1 text-xs">删除溶液</button>
+		</section>
+
+		<section>
+			<header class="h-10 flex items-center bg-[#000]/[0.02] text-xs pr-3 text-text">
+				<div class="w-10 self-stretch flex justify-center items-center">
+					<img src="@/assets/Icon-unselect.svg" alt="icon" />
+				</div>
+                <p class="w-16">序号</p>
+				<p>溶液名称</p>
+			</header>
+			<div class="h-10 flex items-center text-xs pr-3 text-[#6e6e6e]  border-b border-b-[#f8f8f8]">
+				<div class="w-10 self-stretch flex justify-center items-center">
+					<img :src="isSelect ? icon_select : icon_unselect" alt="" />
+				</div>
+                <p class="w-16">1</p>
+				<p class="flex-auto">溶液名称1</p>
+			</div>
+		</section>
+
+		<van-overlay :show="showEditDialog">
+			<div class="flex justify-center items-center h-full">
+				
+			</div>
+		</van-overlay>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import icon_unselect from "@/assets/Icon-unselect.svg";
+import icon_select from "@/assets/Icon-select.svg";
+import { ref } from "vue";
+
+const isSelect = ref<boolean>(true);
+const opDisable = ref<boolean>(true);
+const showEditDialog = ref<boolean>(false);
+
+</script>
diff --git a/src/views/logRecord/index.vue b/src/views/logRecord/index.vue
index ec2a8e0..1df2392 100644
--- a/src/views/logRecord/index.vue
+++ b/src/views/logRecord/index.vue
@@ -1,6 +1,44 @@
 <template>
-    <div>日志记录</div>
+	<div class="component-page">
+		<section class="flex items-center h-20 gap-3 pl-3">
+			<button class="btn-light px-3 py-1 text-xs">导出</button>
+			<button :disabled="opDisable" class="btn-light px-3 py-1 text-xs disabled:btn-light-disabled">删除</button>
+		</section>
+
+		<section>
+			<header class="h-10 flex items-center bg-[#000]/[0.02] text-xs pr-3 text-text">
+				<div class="w-10 self-stretch flex justify-center items-center">
+					<img src="@/assets/Icon-unselect.svg" alt="icon" />
+				</div>
+                <p class="w-[10rem]">时间</p>
+				<p class="w-[8rem]">用户名</p>
+                <p>操作记录</p>
+			</header>
+			<div class="h-10 flex items-center text-xs pr-3 text-[#6e6e6e]  border-b border-b-[#f8f8f8]">
+				<div class="w-10 self-stretch flex justify-center items-center">
+					<img :src="isSelect ? icon_select : icon_unselect" alt="" />
+				</div>
+				<p class="w-[10rem]">2025年6月24日 13:16:45</p>
+				<p class="w-[8rem]">admin</p>
+                <p>操作记录xxxxxx</p>
+			</div>
+		</section>
+
+		<van-overlay :show="showEditDialog">
+			<div class="flex justify-center items-center h-full">
+				
+			</div>
+		</van-overlay>
+	</div>
 </template>
+
 <script lang="ts" setup>
+import icon_unselect from "@/assets/Icon-unselect.svg";
+import icon_select from "@/assets/Icon-select.svg";
+import { ref } from "vue";
+
+const isSelect = ref<boolean>(true);
+const opDisable = ref<boolean>(true);
+const showEditDialog = ref<boolean>(false);
 
-</script>
\ No newline at end of file
+</script>
diff --git a/src/views/oreManage/index.vue b/src/views/oreManage/index.vue
index 1752548..48a28b4 100644
--- a/src/views/oreManage/index.vue
+++ b/src/views/oreManage/index.vue
@@ -11,19 +11,19 @@
 		</section>
 
 		<section>
-			<header class="h-10 flex items-center bg-[#000]/[0.02] text-xs px-3 text-text">
-				<div class="w-20 flex items-center gap-x-4">
+			<header class="h-10 flex items-center bg-[#000]/[0.02] text-xs pr-3 text-text">
+				<div class="w-10 self-stretch flex justify-center items-center">
 					<img src="@/assets/Icon-unselect.svg" alt="icon" />
-					<p>序号</p>
 				</div>
+				<p class="w-14">序号</p>
 				<p class="w-[18rem]">矿石名称</p>
 				<p>工艺</p>
 			</header>
-			<div class="h-10 flex items-center text-xs px-3 text-[#6e6e6e]  border-b border-b-[#f8f8f8]">
-				<div class="w-20 flex items-center gap-x-4">
+			<div class="h-10 flex items-center text-xs pr-3 text-[#6e6e6e]  border-b border-b-[#f8f8f8]">
+				<div class="w-10 self-stretch flex justify-center items-center">
 					<img :src="isSelect ? icon_select : icon_unselect" alt="" />
-					<p>1</p>
 				</div>
+				<p class="w-14">1</p>
 				<p class="w-[18rem]">矿石名称1</p>
 				<div class="flex-auto">
 					<ul class="appearance-none flex items-center gap-x-3 text-sm">