From 0959c095ad9715633d6ccdf10eb3b3d52f0bede1 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 09 五月 2023 09:31:46 +0800
Subject: [PATCH] 2023.5.9前所有小改动版本记录
---
src/components/ProblemCard.vue | 75 +++++++++++++++++++++++++++----------
1 files changed, 54 insertions(+), 21 deletions(-)
diff --git a/src/components/ProblemCard.vue b/src/components/ProblemCard.vue
index 3fea957..82064d0 100644
--- a/src/components/ProblemCard.vue
+++ b/src/components/ProblemCard.vue
@@ -1,20 +1,24 @@
<template>
<el-card class="layout" shadow="hover">
- <!-- <el-steps :active="active" finish-status="success" style="">
- <el-step title="Step 1" style=""/>
- <el-step title="Step 2" />
- <el-step title="Step 3" />
- </el-steps> -->
- <el-descriptions :column="3" size="small" >
+ <el-steps :active="active" finish-status="success" style="" simple>
+ <el-step v-for="(s, i) in getSteps" :key="i" :title="s" />
+ </el-steps>
+
+ <el-descriptions :column="3" size="small">
<template #title>
<span class="d-index">{{ index + 1 }}</span>
<span class="d-title">{{ title }}</span>
</template>
<template #extra>
<!-- <span class="d-extra">{{ status }}</span> -->
- <el-tag style="font-size: 16px;line-height: 16px;padding: 14px;" :type="status.type" effect="plain" size="large" round>{{
- status.name
- }}</el-tag>
+ <el-tag
+ style="font-size: 16px; line-height: 16px; padding: 14px"
+ :type="status.type"
+ effect="plain"
+ size="large"
+ round
+ >{{ status.name }}</el-tag
+ >
</template>
<el-descriptions-item
label-class-name="descriptions-label-1"
@@ -86,8 +90,8 @@
type: Object,
default: () => {
return {
- name: "",
- type: "",
+ name: '',
+ type: '',
};
},
},
@@ -95,8 +99,8 @@
type: Array,
default: () => [
{
- name: "",
- value: "",
+ name: '',
+ value: '',
},
],
},
@@ -104,7 +108,7 @@
type: Array,
default: () => [
{
- title: "",
+ title: '',
path: [],
},
],
@@ -113,23 +117,52 @@
type: Array,
default: () => [
{
- name: "primary",
- color: "primary",
+ name: 'primary',
+ color: 'primary',
},
],
},
+ // active: {
+ // type: Number,
+ // default: 3,
+ // },
},
emits: ['buttonClick'],
data() {
return {
- active: 1
- }
+ active: 3,
+ steps: [
+ {
+ bef: '闂寰呭鏍�',
+ aft: '闂宸插鏍�',
+ },
+ {
+ bef: '闂寰呮暣鏀�',
+ aft: '闂宸叉暣鏀�',
+ },
+ {
+ bef: '鏁存敼寰呭鏍�',
+ aft: '鏁存敼宸插鏍�',
+ },
+ ],
+ };
+ },
+ computed: {
+ getSteps() {
+ return this.steps.map((v, i) => {
+ if (i >= this.active) {
+ return v.bef;
+ } else {
+ return v.aft;
+ }
+ });
+ },
},
methods: {
onButtonClick(i) {
- this.$emit('buttonClick', this.index, i)
- }
- }
+ this.$emit('buttonClick', this.index, i);
+ },
+ },
};
</script>
<style scoped>
--
Gitblit v1.9.3