37 lines
843 B
Vue
37 lines
843 B
Vue
<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>
|