From b5c1614fe473330ceca8b7cff0f1802e19bd5039 Mon Sep 17 00:00:00 2001
From: Sanakey <714737083@qq.com>
Date: 星期一, 30 九月 2024 13:39:08 +0800
Subject: [PATCH] feat:添加部分线索接口，完善客户相关页面
---
src/views/clues/components/drawer/index.vue | 35 ++++++++++++++++++++++++-----------
1 files changed, 24 insertions(+), 11 deletions(-)
diff --git a/src/views/clues/components/drawer/index.vue b/src/views/clues/components/drawer/index.vue
index c7dc367..34747e8 100644
--- a/src/views/clues/components/drawer/index.vue
+++ b/src/views/clues/components/drawer/index.vue
@@ -9,7 +9,7 @@
<Col :span="20" :class="`${prefixCls}-col`">
<div class="mb-10px">
<div class="mb-5px">
- Vben
+ {{cluesData.homepage || cluesData.cluesName}}
<Icon
icon="majesticons:open"
class="mr-15px cursor-pointer"
@@ -18,25 +18,25 @@
:size="16"
/>
</div>
- <div>娴风撼鐧惧窛锛屾湁瀹逛箖澶�</div>
+ <div>{{cluesData.cluesName}}</div>
</div>
<div class="mb-10px flex">
<div>
<span>璺熻繘浜猴細</span>
- <span>111</span>
+ <span>{{cluesData.createUserName||'--'}}</span>
</div>
<div class="ml-10px flex">
<span>绾跨储璇勫垎<BasicHelp :text="['璇勫垎瑙勫垯锛�1锛岃瘎鍒�=鍚勭淮搴﹀垎鏁帮紙鎵�鎵撳垎鏁�*璇ョ淮搴︽潈閲嶏級鐨勬�诲拰锛�', '2锛屽鍙湁棣栨璇勫垎锛屽垯浠ラ娆¤瘎鍒嗕负鍑嗭紱濡傛湁涓ゆ璇勫垎锛屽垯鍙栦袱娆¤瘎鍒嗙殑骞冲潎鍊笺��']"/>锛�</span>
- <span>10</span>
+ <span>{{'--'}}</span>
</div>
</div>
<div class="">
- <template v-for="tag in tags" :key="tag">
- <Tag class="mb-2">
- {{ tag }}
+ <template v-for="tag in cluesData.tagList" :key="tag">
+ <Tag class="mb-2" :color="tag.color">
+ {{ tag.name }}
</Tag>
</template>
- <TagSelector class="pb-10px inline-block mt-10px"></TagSelector>
+ <TagSelector v-model:tags-value="tagsValue" class="pb-10px inline-block mt-10px"></TagSelector>
</div>
</Col>
@@ -51,7 +51,7 @@
</Row>
<div :class="`${prefixCls}-bottom`">
<Tabs>
- <template v-for="item in achieveList" :key="item.key">
+ <template v-for="item in tabList" :key="item.key">
<TabPane :tab="item.name">
<ScrollContainer class="scroll-wrap">
@@ -68,17 +68,18 @@
<script lang="ts" setup>
import Icon from '@/components/Icon/Icon.vue';
import { Col, Row, Tabs, Tag } from 'ant-design-vue';
- import { computed } from 'vue';
+ import {computed,ref} from 'vue';
import Dynamic from './Dynamic.vue';
import Detail from './Detail.vue';
import Schedule from './Schedule.vue';
import headerImg from '@/assets/images/header.jpg';
import { useUserStore } from '@/store/modules/user';
- import { achieveList, tags } from './data';
+ import { tabList, tags } from './data';
import {BasicHelp} from "@/components/Basic";
import ScrollContainer from "@/components/Container/src/ScrollContainer.vue";
import {TagSelector} from "@/components/TagSelector";
+ import {useCluesRowStore} from "@/store/modules/cluesRowData";
const userStore = useUserStore();
const TabPane = Tabs.TabPane;
@@ -89,6 +90,18 @@
};
const prefixCls = 'clues-drawer';
const avatar = computed(() => userStore.getUserInfo.avatar || headerImg);
+
+ let cluesData = ref({});
+ const cluesRowStore= useCluesRowStore();
+ cluesData.value = cluesRowStore.getRowData;
+ Logger.log('鐖剁粍浠禼luesData',cluesData);
+
+
+
+ let tagsValue = ref([]);
+ const selectedTags = ref([{name:'濂借璇�',color:'pink'}, {name:'鏈夌ぜ璨�',color:'red'}, {name:'鍒濇鎰忓悜',color:'red'}, {name:'宸茶仈绯�',color:'red'}]);
+ tagsValue.value = selectedTags.value.map((item) => item.name);
+ Logger.log('鐖剁粍浠秚agsValue',tagsValue.value);
</script>
<style lang="less" scoped>
.clues-drawer {
--
Gitblit v1.8.0