diff --git a/src/api/modules/api.js b/src/api/modules/api.js index c0083f9..39299b2 100644 --- a/src/api/modules/api.js +++ b/src/api/modules/api.js @@ -411,6 +411,15 @@ export function findKeywords(query) { }) } +// 置业顾问 +export function findUserListByHouseId(query) { + return request({ + url: 'autoSR/cushouseuserrelationmid/findUserListByHouseId', + method:'get', + params:query + }) +} + // 常错词列表 export function correctFindbypage(query) { return request({ @@ -435,3 +444,39 @@ export function correctUpdate(query) { params:query }) } + +// +// 客户管理客户裂变 +export function customerManagement(query) { + return request({ + url: '/autoSR/customer/customerManagement', + method:'get', + params:query + }) +} + +// 销售阶段列表 +export function lifeTrackDefineList(query) { + return request({ + url: '/autoSR/lifeTrackDefine/list', + method:'get', + params:query + }) +} +// 修改 +export function lifeTrackDefineUpdate(data) { + return request({ + url: '/autoSR/lifeTrackDefine/update', + method:'post', + data + }) +} +// 添加 +export function lifeTrackDefineAdd(data) { + return request({ + url: '/autoSR/lifeTrackDefine/add', + method:'post', + data + }) +} + diff --git a/src/page/wel.vue b/src/page/wel.vue index c4d187d..c7acf0a 100644 --- a/src/page/wel.vue +++ b/src/page/wel.vue @@ -1,5 +1,26 @@ @@ -128,6 +221,9 @@ export default { name: 'Wel', data() { return { + classatec:1, + customtime:[], + TimetoAhoose:0, tableData: [ { date: '80%', @@ -211,8 +307,15 @@ export default { } }, methods: { - - + tabclick(i){ + this.classatec=i; + }, + tabtimetap(i){ + this.TimetoAhoose=i + }, + confirmtime() { + console.log(this.customtime) + }, } } @@ -227,6 +330,7 @@ export default { .page-container{ width: 100%; display: flex; + margin-top: 16px; .pagechen{ flex: 1; min-width: 223px; @@ -273,6 +377,9 @@ export default { } } } +.colostyle{ + color: red; +} .table-box{ width:98.8%; height: 400px; @@ -287,7 +394,7 @@ export default { text-indent: 30px; font-weight: 500; color: #32363D; - border-bottom: 1px solid #E6E6E6; + // border-bottom: 1px solid #E6E6E6; } .tabbox{ padding-left: 30px; @@ -301,4 +408,86 @@ export default { margin-bottom: 0; } } + + + .app-box-san{ + width: 100%; + height: 400px; + display: flex; + margin-top: 15px; + .zuo{ + // flex: 1; + height: 100%; + margin-right: 15px; + background: #FFFFFF; + border-radius: 4px; + width: 48.7%; + .title{ + width: 100%; + height: 55px; + // border-bottom: 1px solid #E0E0E0; + display: flex; + align-content: center; + .text1{ + flex: 2; + line-height: 55px; + text-indent: 20px; + font-weight: 500; + font-size: 16px; + } + } + } + .you{ + height: 100%; + width: 49%; + background: #FFFFFF; + border-radius: 4px; + .title{ + width: 100%; + height: 55px; + // border-bottom: 1px solid #E0E0E0; + display: flex; + align-content: center; + .text1{ + line-height: 55px; + text-indent: 20px; + font-weight: 500; + font-size: 16px; + } + } + } +} + +.tophove { + color: #ffffff; + background: #2671e2; +} +.app-titel { + width: 100%; + display: flex; + align-items: center; + .titel-text { + height: 100%; + font-size: 16px; + color: #32363d; + } + .toptimeqhuan { + width: 190px; + height: 32px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #e0e0e0; + display: flex; + align-items: center; + overflow: hidden; + margin-left: 20px; + cursor: pointer; + } + .toptimeqhuan div { + flex: 1; + text-align: center; + line-height: 32px; + font-size: 14px; + } +} diff --git a/src/views/Customer/SalesStage.vue b/src/views/Customer/SalesStage.vue new file mode 100644 index 0000000..8cf0efe --- /dev/null +++ b/src/views/Customer/SalesStage.vue @@ -0,0 +1,283 @@ + + + + + diff --git a/src/views/Customer/index.vue b/src/views/Customer/index.vue index f786187..edba215 100644 --- a/src/views/Customer/index.vue +++ b/src/views/Customer/index.vue @@ -1,14 +1,41 @@ @@ -227,21 +310,12 @@ export default { data() { return { TimetoAhoose: 2, - options: [ - { - value: "1", - label: "全部", - }, - { - value: "2", - label: "服务器内", - }, - { - value: "3", - label: "已失效", - }, - ], - options2: [ + time: [], + houseList: [], + options: [], + keywordsList: [], + accountList: [], + levelList: [ { value: "1", label: "A", @@ -259,7 +333,7 @@ export default { label: "D", }, ], - options3: [ + options3: [ { value: "1", label: "0-15分钟", @@ -299,78 +373,208 @@ export default { label: "三次以上", }, ], - currentPage4:4, - value: "", - input: "", - tableData: [ + timeTypeList: [ { - date: "2016-05-03", - name: "王小虎", - address: " 1518 弄", + value: "0", + label: "添加时间", }, { - date: "2016-05-02", - name: "王小虎", - address: " 1518 弄", - }, - { - date: "2016-05-04", - name: "王小虎", - address: " 1518 弄", - }, - { - date: "2016-05-01", - name: "王小虎", - address: " 1518 弄", + value: "1", + label: "最近接待时间", }, + ], + options5: [ { - date: "2016-05-08", - name: "王小虎", - address: " 1518 弄", + value: null, + label: "全部", }, { - date: "2016-05-06", - name: "王小虎", - address: " 1518 弄", + value: "1", + label: "已标注", }, { - date: "2016-05-07", - name: "王小虎", - address: " 1518 弄", + value: "2", + label: "未标注", }, ], - multipleSelection:[] + currentPage: 1, + size: 10, + total: 10, + value: "", + input: "", + tableData: [], + tophove: "", + type: "0", + searchForm: { + name: "", + keywordsId: [], + markAdvisor: null, + level: "", + recDurationInterval: "", + visitRecord: "", + staDate: "", + endDate: "", + dateType: "0", + projectId: "", + timeType: "0", + }, }; }, - mounted() {}, + mounted() { + this.tabtimetap(0); + // 获取楼盘列表 + this.zkhousePage(); + }, methods: { - //删除 - toinifodelete(){ - this.$confirm('此操作将永久删除, 是否继续?', '提示', { - confirmButtonText: '确定', - cancelButtonText: '取消', - type: 'warning' - }).then(() => { - this.$message({ - type: 'success', - message: '删除成功!' - }); - }).catch(() => { - this.$message({ - type: 'info', - message: '已取消删除' - }); + // 接待记录列表 + findbypage() { + let obj = { + current: this.currentPage, + size: this.size, + ...this.searchForm, + }; + obj.keywordIds = obj.keywordsId.join(","); + (obj.dateType = this.searchForm.staDate + ? null + : this.searchForm.dateType), + this.$api.api.customerManagement(obj).then((res) => { + // console.log(res) + this.tableData = res.data.records; + this.total = res.data.total; }); }, - handleSelectionChange(val) { - this.multipleSelection = val; - }, - handleSizeChange(val) { - console.log(`每页 ${val} 条`); - }, - handleCurrentChange(val) { - console.log(`当前页: ${val}`); + clearScreen() { + this.currentPage = 1; + this.searchForm = { + name: "", + keywordsId: [], + markAdvisor: null, + level: "", + recDurationInterval: "", + visitRecord: "", + staDate: "", + endDate: "", + dateType: "0", + projectId: "", + timeType: "0", + projectId: this.houseList[0].id, + }; + this.findbypage(); + }, + houseChange() { + this.findbypage(); + this.findKeywords(); + // 获取置业顾问列表 + this.findUserListByHouseId(); + }, + timeChange(e) { + this.searchForm.staDate = e[0]; + this.searchForm.endDate = e[1]; + this.houseChange(); + }, + screen() { + this.currentPage = 1; + console.log(this.searchForm); + this.findbypage(); + }, + findKeywords() { + this.$api.api + .findKeywords({ + dateType: this.searchForm.staDate ? null : this.searchForm.dateType, + statDateStart: this.searchForm.staDate, + statDateEnd: this.searchForm.endDate, + projectId: this.searchForm.projectId, + type: this.type, + }) + .then((res) => { + console.log(res); + this.keywordsList = res.data; + }); + }, + zkhousePage() { + this.$api.api + .findHouseByUser({ + orgType: localStorage.getItem("orgType"), + }) + .then((res) => { + // console.log(res) + this.houseList = res.data; + this.searchForm.projectId = res.data[0].id; + // 获取接待记录列表 + this.findbypage(); + // 获取客户意向 + this.findKeywords(); + // 获取置业顾问列表 + this.findUserListByHouseId(); + }); + }, + // 置业顾问列表 + async findUserListByHouseId() { + let result = await this.$api.api.findUserListByHouseId({ + orgType: localStorage.getItem("orgType"), + projectId: this.searchForm.projectId, + }); + console.log(result); + this.accountList = result.data; + }, + handleSizeChange(val) { + console.log(`每页 ${val} 条`); + this.size = val; + this.findbypage(); + }, + handleCurrentChange(val) { + console.log(`当前页: ${val}`); + this.currentPage = val; + this.findbypage(); + }, + tabtimetap(idx) { + this.searchForm.staDate = ""; + this.searchForm.endDate = ""; + // this.$set(this, "time", null); + this.searchForm.dateType = idx; + let num = 24 * 3600 * 1000; + // 获取当前时间戳转换为日期格式 + if (idx == 0) { + num = 24 * 3600 * 1000 * 0; } + if (idx == 2) { + num = 24 * 3600 * 1000 * 6; + } + if (idx == 6) { + num = 24 * 3600 * 1000 * 29; + } + this.time = [ + this.timestampToTime(new Date().getTime() - num), + this.timestampToTime(new Date().getTime()), + ]; + }, + timestampToTime(timestamp) { + var date = new Date(timestamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 + // var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 + + var yyyy = date.getFullYear() + "-"; + + var MM = + (date.getMonth() + 1 < 10 + ? "0" + (date.getMonth() + 1) + : date.getMonth() + 1) + "-"; + + // var dd = date.getDate() + ' '; + var dd = + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " "; + + // var HH = date.getHours() + ':'; + // var HH = (date.getHours() < 10 ? '0'+(date.getHours()) : date.getHours()) + ':'; + // + // // var mm = date.getMinutes() + ':'; + // var mm = (date.getMinutes() < 10 ? '0'+(date.getMinutes()) : date.getMinutes()) + ':'; + // + // // var ss = date.getSeconds(); + // var ss = (date.getSeconds() < 10 ? '0'+(date.getSeconds()) : date.getSeconds()); + + // return yyyy+MM+dd+HH+mm+ss; + return yyyy + MM + dd; + }, }, }; @@ -382,10 +586,10 @@ export default { min-width: 1200px; padding-bottom: 100px; } -.cen-tab{ +.cen-tab { width: 100%; padding: 15px; - background: #FFFFFF; + background: #ffffff; margin-top: 15px; } .tophove { @@ -403,12 +607,14 @@ export default { width: 100%; display: flex; align-items: center; + flex-wrap: wrap; .label { font-size: 14px; font-weight: 400; color: #32363d; - line-height: 14px; + line-height: 32px; margin-left: 15px; + min-width: 100px; } .toptimeqhuan { height: 30px; @@ -428,4 +634,11 @@ export default { } } } +.div-lab { + display: flex; + margin: 5px; +} +.div-inp { + width: 250px; +} diff --git a/src/views/Receive/index.vue b/src/views/Receive/index.vue index 2709b83..ac1a888 100644 --- a/src/views/Receive/index.vue +++ b/src/views/Receive/index.vue @@ -4,8 +4,8 @@ {{ currentAudioName || audioList[0].name }}
@@ -26,7 +26,7 @@
-
时间：
+
时间：
录音类型：
@@ -107,20 +109,30 @@
置业顾问：
- +
-
标注顾问：
- + +
标记客户：
+
接待时长：
- +
到访次数：
- +
筛选相关：
- 筛选
- 清空筛选条件 + 清空筛选条件
- - + + @@ -186,20 +212,30 @@ - + + - + + - + - - - + +