1404/11/04- first

src/pages/menuPages/priceTriggers/search/components/HistoryCard.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="flex items-center main">
+    <div>{{ props.item.province }}</div>
+    <BaseIcon icon="vuesax-linear:arrow-left-1" size=".9rem" />
+    <div>{{ props.item.project }}</div>
+    <BaseIcon icon="vuesax-linear:arrow-left-1" size=".9rem" />
+    <div>{{ props.item.documentGroup }}</div>
+    <BaseIcon icon="vuesax-linear:arrow-left-1" size=".9rem" />
+    <div>{{ props.item.document }}</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type History from '@/pages/menuPages/customers/search/model/History'
+
+//define props
+interface Prop {
+  item: History
+}
+
+const props = defineProps<Prop>()
+</script>
+
+<style lang="less">
+.main {
+  @apply w-full justify-center;
+  background-color: #f6f6f4;
+  border: solid 1px #b2b2b2;
+  border-radius: @border-radius-base;
+  height: 4rem;
+
+  div {
+    @apply px-1;
+  }
+}
+</style>