Skip to content

H
haoban-3
Commit 2aaae491 by 陈羽
Options

update: 销售线索设置

parent c3540f7f
Showing with 150 additions and 70 deletions
src/views/salesleads/index.vue
......@@ -11,7 +11,7 @@
<vue-office-header :projectName="projectName" @collapseTag="collapseTag" @toRouterView="toRouterView"> </vue-office-header>
<div class="enterprise-wrap__body">
<div id="content" class="content">
<nav-crumb :navpath="navpath"> </nav-crumb>
<nav-crumb :navpath="navpath" @selectBrandId="selectBrandId"> </nav-crumb>
<div class="content-body">
<div class="right-content border-box">
<div class="right-box" style="min-height: calc(100vh - 86px);">
......@@ -45,6 +45,7 @@ export default {
bgHeight: window.screen.availHeight - 288 + 'px',
activeSelTab: '1',
activeTab: '1',
activeBrand: '',
navpath: [
{
name: '首页',
......@@ -122,7 +123,10 @@ export default {
break;
}
},
selectBrandId(val) {
this.activeBrand = val;
localStorage.setItem('userInfoBrandId', val);
},
/**
* 各路由返回 tabId
*/
......@@ -157,10 +161,6 @@ export default {
// 深度观察监听
deep: true
},
activeBrand: function(newData, oldData) {
const that = this;
that.activeBrand = newData;
},
activeGroup: function(newData, oldData) {
const that = this;
that.activeGroup = newData;
......@@ -314,8 +314,3 @@ export default {
}
}
</style>
<style lang="scss">
.salesleads-wrap .enterprise-wrap__body .content .navwrap .my-customer-brand {
display: none !important;
}
</style>
src/views/salesleads/salesleadsSet.vue
......@@ -4,19 +4,21 @@
<div class="flex">
<p class="m-r-11 font-14 color-606266">电话方式选择：</p>
<div>
<el-radio v-model="phoneTypes" label="1">
<div class="m-b-21" style="display:inline-block;vertical-align:top;">
<p class="l-h-1 m-b-5">公司电话</p>
<p class="tip">1.对接第三方呼叫中心，外呼显示第三方号码，可监控通话状态。费用结算及通话记录存储于GIC计费中心</p>
<p class="tip">2.若任务创建时无双向呼叫权限，此项设置勾选也不生效</p>
</div>
</el-radio>
<el-radio v-model="phoneTypes" label="2" class="m-b-24">
<div class="m-b-21" style="display:inline-block;vertical-align:top;">
<p class="l-h-1 m-b-5">私人电话</p>
<p class="tip">导购手机呼叫，无法监控通话状态。呼叫结算费用由导购手机自费</p>
</div>
</el-radio>
<el-checkbox-group v-model="callType">
<el-checkbox label="1">
<div class="m-b-21" style="display:inline-block;vertical-align:top;">
<p class="l-h-1 m-b-5">公司电话</p>
<p class="tip">1.对接第三方呼叫中心，外呼显示第三方号码，可监控通话状态。费用结算及通话记录存储于GIC计费中心</p>
<p class="tip">2.若任务创建时无双向呼叫权限，此项设置勾选也不生效</p>
</div>
</el-checkbox>
<el-checkbox label="2" class="m-b-24">
<div class="m-b-21" style="display:inline-block;vertical-align:top;">
<p class="l-h-1 m-b-5">私人电话</p>
<p class="tip">导购手机呼叫，无法监控通话状态。呼叫结算费用由导购手机自费</p>
</div>
</el-checkbox>
</el-checkbox-group>
<p><el-button type="primary" @click="submitForm" :loading="loading">保存</el-button><span class="font-14 color-909399 m-l-12">保存后立即生效，历史数据不变，后续下达的任务按新设置运行</span></p>
</div>
</div>
......@@ -30,10 +32,18 @@ import { postRequest } from '@/api/api';
import errMsg from '@/common/js/error';
export default {
name: 'authMerchant',
props: {
brandId: {
type: String,
default() {
return '';
}
}
},
data() {
return {
bgHeight: window.screen.availHeight - 104 + 'px',
phoneTypes: '1',
callType: [], // 0 : 未设置, 1 : 公司电话(双向呼叫), 2 : 私人电话, 多个请用逗号拼接
loading: false
};
},
......@@ -52,19 +62,69 @@ export default {
return false;
}
that.loading = true;
let para = { ...that.formData };
postRequest('/haoban-web/market/clue/web/setting-update', para)
that
.$confirm('是否确认保存该设置?', '', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
let para = {
enterpriseId: localStorage.getItem('userInfoBrandId'),
qywxEnterpriseId: JSON.parse(localStorage.getItem('userInfos')).wxEnterpriseId
};
if (that.callType.length) {
para.callType = that.callType.join(',');
} else {
para.callType = '0';
}
postRequest('/haoban-task-manage-web/market/clue/web/setting-update', para)
.then(res => {
let resData = res.data;
if (resData.errorCode == 1) {
that.$message.success({
duration: 1000,
message: '保存成功！'
});
that.loading = false;
that.getDeatil();
return false;
}
that.loading = false;
errMsg.errorMsg(resData);
})
.catch(function(error) {
that.loading = false;
that.$message.error({
duration: 1000,
message: error.message
});
});
})
.catch(() => {
that.loading = false;
});
},
getDeatil() {
const that = this;
let para = {
enterpriseId: localStorage.getItem('userInfoBrandId'),
qywxEnterpriseId: JSON.parse(localStorage.getItem('userInfos')).wxEnterpriseId
};
postRequest('/haoban-task-manage-web/market/clue/web/get-setting', para)
.then(res => {
let resData = res.data;
if (resData.errorCode == 1) {
that.loading = false;
return false;
if (resData.result && resData.result.callType !== '0') {
that.callType = resData.result.callType.split(',');
} else {
that.callType = [];
}
return;
}
that.loading = false;
errMsg.errorMsg(resData);
})
.catch(function(error) {
that.loading = false;
that.$message.error({
duration: 1000,
message: error.message
......@@ -72,8 +132,13 @@ export default {
});
}
},
watch: {},
watch: {
brandId(newV, oldV) {
this.getDeatil();
}
},
mounted() {
this.getDeatil();
document.documentElement.style.backgroundColor = '#f0f2f5';
},
destroyed() {
......@@ -88,11 +153,14 @@ export default {
.right-content {
padding: 33px 0 0 50px;
}
.el-radio {
display: block;
.el-checkbox {
display: flex;
min-height: 22px;
>>> .el-checkbox__label {
padding-top: 1px;
}
}
.el-radio + .el-radio {
.el-checkbox + .el-checkbox {
margin-left: 0;
}
.m-l-12 {
......
src/views/salesleads/storeDetail.vue
......@@ -21,21 +21,14 @@
<span class="el-alert__title color-303133 font-13">筛选时间：2020-12-31至2021-12-31</span>
</div>
</div>
<div role="tips" class="tips flex flex-align-start">
<div role="tips" class="tips flex flex-align-center">
<i class="el-icon-warning-outline font-14 color-2f54eb"></i>
<div class="el-alert__content">
<span class="el-alert__title color-2f54eb font-13">查看指标说明</span>
</div>
<div class="el-alert__content">查看指标说明</div>
</div>
</div>
<div class="table-condition-search m-t-20">
<el-select class="w-103" v-model="pageParams.taskStatus" slot="prepend" placeholder="所有完成情况" @change="reFetch">
<el-option label="已完成" :value="2"></el-option>
<el-option label="未完成" :value="1"></el-option>
</el-select>
<el-select class="w-103" v-model="pageParams.overdueStatus" slot="prepend" placeholder="所有逾期情况" @change="reFetch">
<el-option label="已逾期" :value="2"></el-option>
<el-option label="未逾期" :value="1"></el-option>
<el-option :label="item.text" :value="item.id" v-for="item in filterOpts" :key="'filter' + item.id"></el-option>
</el-select>
</div>
<div class="m-t-20">
......@@ -138,6 +131,7 @@ export default {
pageSize: 20,
overdueStatus: 1
},
filterOpts: [],
// 分页参数
total: 0,
tableData: [
......@@ -217,7 +211,7 @@ export default {
para.endTime = para.date[1];
delete para.date;
}
getRequest('/haoban-manage3-web/store-full-list', para)
getRequest('/haoban-task-manage-web/market/clue/web/task-info-list', para)
.then(res => {
let resData = res.data;
if (resData.errorCode == 1) {
......@@ -234,14 +228,33 @@ export default {
});
});
},
showDetail(item) {
getFilterOpts() {
const that = this;
getRequest('/haoban-task-manage-web/market/clue/web/query', {})
.then(res => {
let resData = res.data;
if (resData.errorCode == 1 && resData.result) {
that.filterOpts = resData.result;
} else {
errMsg.errorMsg(resData);
}
})
.catch(function(error) {
that.$message.error({
duration: 1000,
message: error.message
});
});
},
showDetail() {
this.confirmDetailShow = true;
}
},
watch: {},
mounted() {
// const that = this;
// that.getTableList();
const that = this;
that.getFilterOpts();
that.getTableList();
document.documentElement.style.backgroundColor = '#f0f2f5';
},
destroyed() {
......@@ -321,7 +334,10 @@ export default {
.tips {
cursor: pointer;
.el-alert__content {
padding: 0 3px;
font-size: 13px;
font-weight: 400;
color: #2f54eb;
line-height: 1;
}
}
}
......
src/views/salesleads/storeList.vue
......@@ -21,11 +21,11 @@
<span class="el-alert__title color-303133 font-13">仅展示近一年数据，数据截取时间：2020-12-31至2021-12-31</span>
</div>
</div>
<div role="tips" class="tips flex flex-align-start">
<div role="tips" class="tips flex flex-align-center">
<i class="el-icon-warning-outline font-14 color-2f54eb"></i>
<div class="el-alert__content">
<span class="el-alert__title color-2f54eb font-13">查看指标说明</span>
</div>
<el-popover placement="bottom-start" title="标题" width="200" trigger="click" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
<div slot="reference" class="el-alert__content">查看指标说明</div>
</el-popover>
</div>
</div>
<div class="table-condition-search m-t-20">
......@@ -278,7 +278,10 @@ export default {
.tips {
cursor: pointer;
.el-alert__content {
padding: 0 3px;
font-size: 13px;
font-weight: 400;
color: #2f54eb;
line-height: 1;
}
}
}
......
src/views/salesleads/taskDetail.vue
......@@ -21,11 +21,9 @@
<span class="el-alert__title color-303133 font-13">筛选时间：2020-12-31至2021-12-31</span>
</div>
</div>
<div role="tips" class="tips flex flex-align-start">
<div role="tips" class="tips flex flex-align-center">
<i class="el-icon-warning-outline font-14 color-2f54eb"></i>
<div class="el-alert__content">
<span class="el-alert__title color-2f54eb font-13">查看指标说明</span>
</div>
<div class="el-alert__content">查看指标说明</div>
</div>
</div>
<div class="table-condition-search m-t-20">
......@@ -33,10 +31,6 @@
<el-option label="已完成" :value="2"></el-option>
<el-option label="未完成" :value="1"></el-option>
</el-select>
<el-select class="w-103" v-model="pageParams.overdueStatus" slot="prepend" placeholder="所有逾期情况" @change="reFetch">
<el-option label="已逾期" :value="2"></el-option>
<el-option label="未逾期" :value="1"></el-option>
</el-select>
</div>
<div class="m-t-20">
<el-table class="select-table" ref="multipleTable" :data="tableData" tooltip-effect="dark" :style="{ width: '100%', minHeight: tableH }">
......@@ -234,7 +228,7 @@ export default {
});
});
},
showDetail(item) {
showDetail() {
this.confirmDetailShow = true;
}
},
......@@ -321,7 +315,10 @@ export default {
.tips {
cursor: pointer;
.el-alert__content {
padding: 0 3px;
font-size: 13px;
font-weight: 400;
color: #2f54eb;
line-height: 1;
}
}
}
......
src/views/salesleads/taskList.vue
......@@ -21,11 +21,9 @@
<span class="el-alert__title color-303133 font-13">仅展示近一年数据，数据截取时间：2020-12-31至2021-12-31</span>
</div>
</div>
<div role="tips" class="tips flex flex-align-start">
<div role="tips" class="tips flex flex-align-center">
<i class="el-icon-warning-outline font-14 color-2f54eb"></i>
<div class="el-alert__content">
<span class="el-alert__title color-2f54eb font-13">查看指标说明</span>
</div>
<div class="el-alert__content">查看指标说明</div>
</div>
</div>
<div class="table-condition-search m-t-20">
......@@ -271,7 +269,10 @@ export default {
.tips {
cursor: pointer;
.el-alert__content {
padding: 0 3px;
font-size: 13px;
font-weight: 400;
color: #2f54eb;
line-height: 1;
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment