| 提交 | 用户 | age | ||
| f353bc | 1 | <template> |
| cb1651 | 2 | <div ref="loadingEl" class="bg-gray-50 p-10px"> |
| S | 3 | <a-divider> |
| 4 | <span class="c-gray font-size-12px">以下是历史记录</span> | |
| 5 | </a-divider> | |
| 6 | <a-card class="mb-15px" style="width: auto" v-for="item in cardList" :key="item.id"> | |
| 7 | <p class="tips-title"> | |
| 8 | <AimOutlined class="c-amber-5" /> | |
| 9 | 商机"<a class="">{{item.cluesName}}</a>"已过了结单日期 | |
| 10 | </p> | |
| 11 | <p class="tips-content font-size-12px"> | |
| 12 | "<a class="">{{item.cluesName}}</a>"已过了结单日期，但仍未结束（赢单/输单），请尽快跟进 | |
| 13 | </p> | |
| 14 | <p class="tips-time"> | |
| f353bc | 15 | |
| cb1651 | 16 | </p> |
| S | 17 | <a-flex justify="space-between"> |
| 18 | <span class="c-gray font-size-12px">{{item.privateTime}}</span> | |
| 19 | <a-button class="font-size-12px" type="link">编辑商机</a-button> | |
| 20 | </a-flex> | |
| 21 | </a-card> | |
| 22 | <a-divider> | |
| 23 | <span class="c-gray font-size-12px">已显示全部内容</span> | |
| 24 | </a-divider> | |
| f353bc | 25 | </div> |
| cb1651 | 26 | |
| f353bc | 27 | <!-- <List :class="prefixCls" item-layout="horizontal" :data-source="projectList" :grid="{ column: 1, gutter: 12}" :pagination="pagination" >--> |
| S | 28 | <!-- <template #renderItem="{ item }">--> |
| 29 | <!-- <ListItem>--> | |
| 30 | <!-- --> | |
| 31 | <!-- </ListItem>--> | |
| 32 | ||
| 33 | <!-- </template>--> | |
| 34 | <!--<!– <template v-for="item in projectList" :key="item.title"></template>–>--> | |
| 35 | <!-- </List>--> | |
| 36 | </template> | |
| 37 | <script lang="ts" setup> | |
| 38 | import {List, Avatar, Card, Row, Col, Dropdown, Menu, Tooltip, Tag} from 'ant-design-vue'; | |
| 39 | import {projectList} from './data'; | |
| cb1651 | 40 | import {AimOutlined} from '@ant-design/icons-vue'; |
| f353bc | 41 | import {BasicArrow} from "@/components/Basic"; |
| cb1651 | 42 | import {onMounted, ref} from 'vue'; |
| f353bc | 43 | import ScheduleDetailModal from './ScheduleDetail.vue'; |
| S | 44 | |
| 45 | ||
| 46 | import EventBus from '@/utils/eventBus'; | |
| 47 | import {BasicTable, ColumnChangeParam, TableAction, useTable} from "@/components/Table"; | |
| cb1651 | 48 | import {cluesDynamicApi} from "@/api/clues/dynamic"; |
| f353bc | 49 | import {getEditCellColumns, getFormConfig} from "@/views/clues/components/tableData"; |
| S | 50 | import {useModal} from "@/components/Modal"; |
| cb1651 | 51 | import {useLoading} from "@/components/Loading"; |
| f353bc | 52 | |
| S | 53 | const [registerScheduleModal, {openModal, setModalProps}] = useModal(); |
| 54 | const openScheduleModal = () => { | |
| 55 | Logger.log('点击openScheduleModal'); | |
| 56 | EventBus.emit('openScheduleModal', { | |
| 57 | title: '新建任务', | |
| 58 | content: '新建任务内容' | |
| 59 | }); | |
| 60 | }; | |
| 61 | ||
| cb1651 | 62 | let cardList = ref([] as any[]); |
| S | 63 | // tips Loading |
| 64 | const loadingEl = ref<ElRef>(null); | |
| 65 | const [openWrapLoading, closeWrapLoading] = useLoading({ | |
| 66 | target: loadingEl, | |
| 67 | props: { | |
| 68 | tip: '加载中...', | |
| 69 | absolute: true, | |
| f353bc | 70 | }, |
| S | 71 | }); |
| cb1651 | 72 | // tips列表数据 |
| S | 73 | // 获取客户卡片数据 |
| 74 | setTimeout(() => { | |
| 75 | getCustomerCardData(); | |
| 76 | }, 50); | |
| 77 | async function getCustomerCardData(){ | |
| 78 | openWrapLoading(); | |
| 79 | let params = { | |
| 80 | page: 1, | |
| 81 | pageSize: 10, | |
| 82 | }; | |
| 83 | try { | |
| 84 | // cluesDynamicApi(params).then(res => { | |
| 85 | // | |
| 86 | // }) | |
| 87 | let res = await cluesDynamicApi(params) | |
| 88 | Logger.log('cluesDynamicApi...',res); | |
| 89 | // console.log(_this); | |
| 90 | // _this.$set(dynamicList,res.items) | |
| 91 | cardList.value = res.items; | |
| f353bc | 92 | |
| cb1651 | 93 | } catch (e) { |
| S | 94 | Logger.error(e); |
| 95 | } finally { | |
| 96 | closeWrapLoading(); | |
| 97 | } | |
| f353bc | 98 | } |
| S | 99 | |
| 100 | </script> | |
| cb1651 | 101 | <style lang="less" scoped> |
| f353bc | 102 | |
| S | 103 | </style> |
