| | |
| | | <template> |
| | | <div :class="prefixCls"> |
| | | <BasicForm @register="registerForm"></BasicForm> |
| | | <!-- <BasicForm @register="registerForm"></BasicForm>--> |
| | | <div class="mb-15px"> |
| | | <div class="mb-15px "> |
| | | <div :class="`${prefixCls}__label`">系统标签</div> |
| | | <div>暂无数据</div> |
| | | <div>{{'暂无数据'}}</div> |
| | | </div> |
| | | <div class="mb-15px"> |
| | | <div :class="`${prefixCls}__label`">首次跟进时间</div> |
| | | <div>暂无数据</div> |
| | | <div>{{cluesData.enterDate||'暂无数据'}}</div> |
| | | </div> |
| | | <div class=""> |
| | | <div :class="`${prefixCls}__label`">未联系天数</div> |
| | | <div>10</div> |
| | | <div>{{'暂无数据'}}</div> |
| | | </div> |
| | | </div> |
| | | <Divider /> |
| | |
| | | import {treeOptionsListApi} from "@/api/demo/tree"; |
| | | import {getAllRoleList} from "@/api/demo/system"; |
| | | import {DescItem, Description, useDescription} from "@/components/Description"; |
| | | import {useCluesRowStore} from "@/store/modules/cluesRowData"; |
| | | import {ref} from "vue"; |
| | | |
| | | let cluesData = ref({}); |
| | | const cluesRowStore= useCluesRowStore(); |
| | | cluesData.value = cluesRowStore.getRowData; |
| | | |
| | | const formSchema: FormSchema[] = [ |
| | | { |
| | |
| | | }, |
| | | ]; |
| | | |
| | | const mockData: Recordable = { |
| | | cluesName: 'test', |
| | | nickName: 'VB', |
| | | age: '123', |
| | | phone: '15695909xxx', |
| | | email: '190848757@qq.com', |
| | | companyname: '公司名称111', |
| | | sex: '男', |
| | | certy: '3504256199xxxxxxxxx', |
| | | tag: 'orange', |
| | | }; |
| | | // const mockData: Recordable = { |
| | | // cluesName: 'test', |
| | | // nickName: 'VB', |
| | | // age: '123', |
| | | // phone: '15695909xxx', |
| | | // email: '190848757@qq.com', |
| | | // companyname: '公司名称111', |
| | | // sex: '男', |
| | | // certy: '3504256199xxxxxxxxx', |
| | | // tag: 'orange', |
| | | // }; |
| | | |
| | | const schema: DescItem[] = [ |
| | | { |
| | |
| | | label: '公司名称', |
| | | }, |
| | | { |
| | | field: 'phone', |
| | | field: 'tel', |
| | | label: '联系电话', |
| | | }, |
| | | { |
| | |
| | | label: '邮箱', |
| | | }, |
| | | { |
| | | field: 'phone', |
| | | field: 'tel', |
| | | label: '座机', |
| | | render: (curVal, data) => { |
| | | return `${data.nickName}-${curVal}`; |
| | | return `${data.telAreaCode}-${curVal}`; |
| | | }, |
| | | }, |
| | | ]; |
| | |
| | | color: '#909090', |
| | | // fontSize: '12px', |
| | | }, |
| | | data: mockData, |
| | | data: cluesData, |
| | | schema: schema, |
| | | }); |
| | | |