LiLongLong
/
graphite_vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

日志记录、实验记录、溶液管理 静态页面

feature/home
zhangjiming 6 months ago
parent
d7c875fd09
commit
c6b613114b
4 changed files with 128 additions and 12 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 42
      src/views/expeRecord/index.vue
  2. 44
      src/views/liquidConfig/index.vue
  3. 42
      src/views/logRecord/index.vue
  4. 12
      src/views/oreManage/index.vue

42
src/views/expeRecord/index.vue
View File

@ -1,6 +1,44 @@
<template> <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> </template>
<script lang="ts" setup> <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>
</script>

44
src/views/liquidConfig/index.vue
View File

@ -1,3 +1,43 @@
<template> <template>
<div>加液配置</div>
</template>
<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>

42
src/views/logRecord/index.vue
View File

@ -1,6 +1,44 @@
<template> <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> </template>
<script lang="ts" setup> <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>
</script>

12
src/views/oreManage/index.vue
View File

@ -11,19 +11,19 @@
</section> </section>
<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" /> <img src="@/assets/Icon-unselect.svg" alt="icon" />
<p>序号</p>
</div> </div>
<p class="w-14">序号</p>
<p class="w-[18rem]">矿石名称</p> <p class="w-[18rem]">矿石名称</p>
<p>工艺</p> <p>工艺</p>
</header> </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="" /> <img :src="isSelect ? icon_select : icon_unselect" alt="" />
<p>1</p>
</div> </div>
<p class="w-14">1</p>
<p class="w-[18rem]">矿石名称1</p> <p class="w-[18rem]">矿石名称1</p>
<div class="flex-auto"> <div class="flex-auto">
<ul class="appearance-none flex items-center gap-x-3 text-sm"> <ul class="appearance-none flex items-center gap-x-3 text-sm">

Write Preview
Loading…
Cancel
Save