From 07d88bfb8181fd97f72c24b48929ad651d602907 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 02 十一月 2023 13:57:21 +0800
Subject: [PATCH] 知识库的组件开发
---
src/views/dashboard/components/ProcessInfo.vue | 23 +++++++++++------------
1 files changed, 11 insertions(+), 12 deletions(-)
diff --git a/src/views/dashboard/components/ProcessInfo.vue b/src/views/dashboard/components/ProcessInfo.vue
index a75e342..39bc74d 100644
--- a/src/views/dashboard/components/ProcessInfo.vue
+++ b/src/views/dashboard/components/ProcessInfo.vue
@@ -5,31 +5,30 @@
</div>
<div class="item-r">
<div class="item-r-t font_weight">{{ process.number }}</div>
- <div class="item-r-b">{{ process.name }}</div>
- <div class="item-r-b">{{ process.name }}</div>
+ <div class="item-r-b">{{ process.product }}</div>
+ <div class="item-r-b">{{ process.procedure }}</div>
</div>
- <div class="tip-r">
+ <div v-if="process.isUpdate" class="tip-r">
<img src="~@/assets/images/process-tip.png" />
</div>
- <div class="tip-current">褰撳墠浣跨敤</div>
+ <div v-if="process.isUpdate" class="tip-current">褰撳墠浣跨敤</div>
<div class="btn">
- <el-button type="primary" class="color_organge"> 鏇存柊宸ヨ壓</el-button>
+ <el-button type="primary" class="color_organge"> 鏇存柊宸ヨ壓 </el-button>
</div>
</div>
</template>
<script setup lang="ts">
-import { computed, toRefs } from 'vue'
-export interface ProcessInfoProps {
- process: process
-}
-
-const props = defineProps<ProcessInfoProps>()
+import { toRefs } from 'vue'
+const props = defineProps<{
+ process: { product: '浜у搧鍚嶇О'; number: '111'; procedure: '宸ヨ壓鍚嶇О'; isUpdate: true }
+}>()
const { process } = toRefs(props)
</script>
<style scoped lang="scss">
$status-running: #f76c0f;
$status-done: #2c5dbb82;
+$status-ready: #00ff00f0;
.font_weight {
font-weight: 600;
}
@@ -88,7 +87,7 @@
}
.tip-current {
- background: green;
+ background: $status-ready;
color: #fff;
position: absolute;
top: 0px;
--
Gitblit v1.8.0