|
|
@ -77,9 +77,9 @@ |
|
|
<span style="color: #666;">跟进人:</span> |
|
|
<span style="color: #666;">跟进人:</span> |
|
|
<span style="color: #333;">{{details.followName || '--'}}</span> |
|
|
<span style="color: #333;">{{details.followName || '--'}}</span> |
|
|
</div> |
|
|
</div> |
|
|
<!-- <div class="flex-row-center-end" style="flex:1;padding-right: 32px;"> |
|
|
|
|
|
<Button size="small" type="primary">查看下一个客户</Button> |
|
|
|
|
|
</div> --> |
|
|
|
|
|
|
|
|
<div class="flex-row-center-end" style="flex:1;padding-right: 24px;" v-if="clueType == 1"> |
|
|
|
|
|
<Button size="small" type="primary" @click="nextData()">查看下一个客户</Button> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -297,19 +297,23 @@ |
|
|
import { useModal } from '/@/components/Modal' |
|
|
import { useModal } from '/@/components/Modal' |
|
|
import AppointmentModal from './modal.vue' |
|
|
import AppointmentModal from './modal.vue' |
|
|
import { demandMarriageMoreData, demandMarriageSchema } from '/@/views/clue/components/data' |
|
|
import { demandMarriageMoreData, demandMarriageSchema } from '/@/views/clue/components/data' |
|
|
import { getClueInfo, editClueRecord, recordClueing, getClueRecord, getAppointmentList, getClueContractList, intendedCustomer } from '/@/api/clue' |
|
|
|
|
|
|
|
|
import { getClueInfo, editClueRecord, recordClueing, getClueRecord, getAppointmentList, getClueContractList, intendedCustomer, getNextClueInfo } from '/@/api/clue' |
|
|
import { genderList, channelList, clueStatusList, followTypeList, followStageList } from '/@/enums/customerEnum' |
|
|
import { genderList, channelList, clueStatusList, followTypeList, followStageList } from '/@/enums/customerEnum' |
|
|
|
|
|
|
|
|
const details = ref<any>() |
|
|
const details = ref<any>() |
|
|
|
|
|
const clueId = ref<any>() |
|
|
|
|
|
const clueType = ref<any>() |
|
|
const uploadList = ref<any>([]) |
|
|
const uploadList = ref<any>([]) |
|
|
onMounted(() => { |
|
|
onMounted(() => { |
|
|
initFetch() |
|
|
|
|
|
|
|
|
const { query } = useRoute() |
|
|
|
|
|
const { id, type } = query || {} |
|
|
|
|
|
clueId.value = id |
|
|
|
|
|
clueType.value = Number(type) |
|
|
|
|
|
initFetch(id) |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
async function initFetch() { |
|
|
|
|
|
|
|
|
async function initFetch(id) { |
|
|
demandMarriageMoreData.value = {} |
|
|
demandMarriageMoreData.value = {} |
|
|
const { query } = useRoute() |
|
|
|
|
|
const { id } = query || {} |
|
|
|
|
|
if (!id) return |
|
|
if (!id) return |
|
|
details.value = await getClueInfo(`${id}`) |
|
|
details.value = await getClueInfo(`${id}`) |
|
|
|
|
|
|
|
|
@ -526,7 +530,7 @@ |
|
|
function handleSuccess() { |
|
|
function handleSuccess() { |
|
|
closeModal() |
|
|
closeModal() |
|
|
reloadTable() |
|
|
reloadTable() |
|
|
initFetch() |
|
|
|
|
|
|
|
|
initFetch(clueId.value) |
|
|
} |
|
|
} |
|
|
const [registerContractTable, { setTableData: setContractData }] = useTable({ |
|
|
const [registerContractTable, { setTableData: setContractData }] = useTable({ |
|
|
bordered: true, |
|
|
bordered: true, |
|
|
@ -551,6 +555,18 @@ |
|
|
details.value.markIntendedCustomer = status |
|
|
details.value.markIntendedCustomer = status |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
async function nextData(){ |
|
|
|
|
|
const result = await getNextClueInfo({id: clueId.value}) |
|
|
|
|
|
if(clueId.value == result){ |
|
|
|
|
|
clueType.value = 0 |
|
|
|
|
|
createMessage.success('暂无下一个客户') |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
clueId.value = result |
|
|
|
|
|
createMessage.success(`加载中...`) |
|
|
|
|
|
initFetch(clueId.value) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
</script> |
|
|
</script> |
|
|
<style scoped lang="less"> |
|
|
<style scoped lang="less"> |
|
|
::v-deep .ant-input-number { |
|
|
::v-deep .ant-input-number { |
|
|
|