<template>
|
<a-layout class="p-2" style="width: 420px; background-color: #fff">
|
<div :style="headerStyle">
|
<div class="my-d-f">
|
<a-avatar style="margin-right: 8px" src="#" />
|
<div>
|
<div style="color: #000; font-weight: 700">XXX</div>
|
<div style="color: #000"> 124404189@qq.com </div>
|
</div>
|
</div>
|
</div>
|
<a-layout-content>
|
<a-tabs v-model:activeKey="activeKey" class="m-t-4">
|
<a-tab-pane key="1" tab="客户画像">
|
<div class="tabs-bk p-2" v-if="activeKey === '1'">sssssssssssssss</div>
|
</a-tab-pane>
|
<a-tab-pane key="2" tab="建档建议" force-render>
|
<div class="tabs-bk p-2" v-if="activeKey === '2'"></div>
|
</a-tab-pane>
|
<a-tab-pane key="3" tab="谈单指南"
|
><div class="tabs-bk p-2" v-if="activeKey === '3'"></div
|
></a-tab-pane>
|
<a-tab-pane key="4" tab="文档记录"
|
><div class="tabs-bk p-2" v-if="activeKey === '4'"
|
/></a-tab-pane>
|
<a-tab-pane key="5" tab="物流查价"
|
><div class="tabs-bk p-2" v-if="activeKey === '5'"
|
/></a-tab-pane>
|
<a-tab-pane key="6" tab="往来邮件"
|
><div class="tabs-bk p-2" v-if="activeKey === '6'"
|
/></a-tab-pane>
|
<a-tab-pane key="6" tab="Tips"
|
><div class="tabs-bk p-2" v-if="activeKey === '6'"
|
/></a-tab-pane>
|
</a-tabs>
|
</a-layout-content>
|
</a-layout>
|
</template>
|
|
<script lang="ts" setup>
|
name: 'Utils';
|
import { ref } from 'vue';
|
const headerStyle = {
|
color: '#fff',
|
height: 104,
|
paddingInline: 50,
|
backgroundColor: '#fff',
|
};
|
const activeKey = ref('1');
|
</script>
|
<style scoped lang="less">
|
.tabs-bk {
|
height: 60vh;
|
background-color: #fafafa;
|
}
|
|
|
.vxe-tabs-header--bar {
|
border: 0 solid transparent;
|
}
|
</style>
|