Skip to content

C
CRM
Commit 9ac19078 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent b4ec03f7
Show whitespace changes
Inline Side-by-side
Showing with 292 additions and 232 deletions
src/components/clueManagement/Record.vue
View file @ 9ac19078
<style>
@import '../../assets/css/Record.css';
@import '../../assets/css/Record.css';
</style>
<template>
<div class="Record" id="Record">
<div class="ha-cont" style="justify-content: flex-start; align-items: stretch;" v-for="(item, index) in logList" :key="index">
<div class="ha-cont" style="justify-content: flex-start; align-items: stretch;" v-for="(item, index) in logList"
:key="index">
<div class="ha-circle"></div>
<div class="ha-time">{{item.UpdateDate}}</div>
<!-- <div class="ha-name">admin</div> -->
......@@ -18,9 +18,8 @@
</div>
</div>
</template>
</template>
<script>
export default {
export default {
props: ['CustomerId'],
data() {
return {
......@@ -32,14 +31,15 @@ export default {
SourceId: 0
}
};
},watch:{
},
watch: {
},
mounted() {
let $this= this
let $this = this
document
.getElementById("Record")
.addEventListener("scroll", function() {
.addEventListener("scroll", function () {
//全部动态
if (this.scrollHeight - this.scrollTop === this.clientHeight) {
$this.logMsg.pageIndex = $this.logMsg.pageIndex + 1
......@@ -50,8 +50,8 @@ export default {
this.GetOperationLogPageList()
},
methods: {
GetOperationLogPageList(t){
this.apipost('/api/Customer/GetOperationLogPageList', this.msg, res=>{
GetOperationLogPageList(t) {
this.apipost('/api/Customer/GetOperationLogPageList', this.msg, res => {
if (res.data.resultCode == 1) {
let data = res.data.data
if (t) {
......@@ -65,5 +65,5 @@ export default {
})
}
}
}
}
</script>
\ No newline at end of file
src/components/clueManagement/clueManagement.vue
View file @ 9ac19078
......@@ -194,13 +194,15 @@
@size-change="handleSizeChange" :total="total">
</el-pagination>
</div>
<el-drawer :with-header="false" size='70%' :visible.sync="isShowCustomerInfo" direction="rtl" :before-close="handleClose">
<el-drawer :with-header="false" size='70%' :visible.sync="isShowCustomerInfo" direction="rtl"
:before-close="handleClose">
<customerInfoBox :CustomerId="CustomerId" @transferS="transfer" @deleteClue="deleteClue" @watersS="waters"
@editCustS="editCust" />
@editCustS="editCust" @getList="getList" />
</el-drawer>
<el-drawer :with-header="false" size='70%' :visible.sync="isShowGuestInfo" direction="rtl" :before-close="handleClose">
<el-drawer :with-header="false" size='70%' :visible.sync="isShowGuestInfo" direction="rtl"
:before-close="handleClose">
<guestInfoBox :CustomerId="CustomerId" @transferS="transfer" @deleteClue="deleteClue" @watersS="waters"
@editCustS="editCust" />
@editCustS="editCust" @getList="getList" />
</el-drawer>
<div v-if="dialogTableVisible">
<customerDialogBox @getList="getList" :name="dialogTableVisibleName" :CustomerId="CustomerId" />
......@@ -256,7 +258,7 @@
return {
ruleList: [],
guestDialogBoxShow: false,
isShowGuestInfo: false,//是否显示直客弹窗
isShowGuestInfo: false, //是否显示直客弹窗
activeMenu: 1,
queryType2: [{
label: '线索名称',
......@@ -336,7 +338,7 @@
CustomerIdStr: '',
transferVisible: false,
mySelectCtrl: false,
isShowCustomerInfo: false,//是否显示客户弹窗
isShowCustomerInfo: false, //是否显示客户弹窗
loading: true,
dialogTableVisible: false,
dialogTableVisibleName: '新建线索',
......@@ -527,10 +529,6 @@
//导出
export () {
},
// 更改状态
changeState() {
},
//转换为客户
waters(type) {
......
src/components/clueManagement/customerInfoBox.vue
View file @ 9ac19078
<style>
.drawer-box{
.drawer-box {
height: 100%;
}
.drawer-header{
}
.drawer-header {
height: 83px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30px;
}
.drawer-header .left{
}
.drawer-header .left {
display: flex;
align-items: center;
}
.drawer-header .left img{
}
.drawer-header .left img {
display: inline-block;
margin-right: 10px;
}
.drawer-body{
height: calc( 100% - 83px);
}
.drawer-body .top-info{
}
.drawer-body {
height: calc(100% - 83px);
}
.drawer-body .top-info {
height: 115px;
padding: 30px;
box-sizing: border-box;
font-size: 12px;
background-color: #F6F4FC;
}
.drawer-body .top-info .info-lable{
}
.drawer-body .top-info .info-lable {
display: inline-block;
width: 80px;
color: #999999;
}
.margin-bottom-25{
}
.margin-bottom-25 {
margin-bottom: 25px;
}
.drawer-box .el-tabs__nav-wrap::after{
}
.drawer-box .el-tabs__nav-wrap::after {
height: 0;
}
.drawer-body .el-tabs__header{
}
.drawer-body .el-tabs__header {
padding: 0 25px;
margin-bottom: 0;
}
.drawer-body>.content{
}
.drawer-body>.content {
height: calc(100% - 115px);
}
.drawer-body .el-tabs{
}
.drawer-body .el-tabs {
height: 100%;
}
.drawer-body .el-tabs__content{
}
.drawer-body .el-tabs__content {
background-color: #F6F4FC;
height: calc(100% - 40px);
box-sizing: border-box;
}
.drawer-body .el-tabs__content .el-tab-pane{
}
.drawer-body .el-tabs__content .el-tab-pane {
height: 100%;
position: absolute;
width: calc(100%);
padding: 17px 20px;
box-sizing: border-box
}
}
</style>
<template>
<div class="drawer-box" v-if="loading">
......@@ -69,15 +82,17 @@
<p>{{detailsData.CustomerName}}</p>
</div>
<div class="right">
<el-button class="crm-btn query-btn" @click="editCust">编辑</el-button>
<el-button class="crm-btn query-btn" @click="editCustomerInfo">编辑</el-button>
<el-dropdown @command="handleCommand" style="top: 1px;">
<el-button class="crm-btn crm-btn-more easy-btn margin-right0">
<i class="iconfont icongengduo"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="z"><i class="iconfont iconplus-transfer"></i> 转移</el-dropdown-item>
<el-dropdown-item command="g"><i class="iconfont icongonghaiguanli"></i> 转化为客户</el-dropdown-item>
<el-dropdown-item command="g"><i class="iconfont icongonghaiguanli"></i> 转化为客户
</el-dropdown-item>
<el-dropdown-item command="d"><i class="iconfont icondelete"></i> 删除</el-dropdown-item>
<el-dropdown-item command="w"><i class="iconfont icondelete"></i> 无效线索</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
......@@ -89,7 +104,7 @@
<span class="info-lable">客户级别：</span><span>{{detailsData.CustomerIdLevelStr}}</span>
</el-col>
<el-col :span="12">
<span class="info-lable">成交状态：</span><span >已成交</span>
<span class="info-lable">成交状态：</span><span>已成交</span>
</el-col>
</el-row>
<el-row>
......@@ -107,32 +122,35 @@
<Activity v-if="activeName === '1'" :CustomerId="CustomerId" />
</el-tab-pane>
<el-tab-pane label="详细资料" name="2">
<Details v-if="activeName === '2'" :detailsData="detailsData"/>
<Details v-if="activeName === '2'" :detailsData="detailsData" />
</el-tab-pane>
<el-tab-pane label="附件" name="8">
<Enclosure v-if="activeName === '8'" :ID='CustomerId' :type='1'/>
<Enclosure v-if="activeName === '8'" :ID='CustomerId' :type='1' />
</el-tab-pane>
<el-tab-pane label="操作记录" name="9">
<Record v-if="activeName === '9'" :CustomerId="CustomerId"/>
<Record v-if="activeName === '9'" :CustomerId="CustomerId" />
</el-tab-pane>
</el-tabs>
</div>
</div>
<invalidDialogBox v-if="isShowInvalidBox" :customerInfo="detailsData" @success="refreshParentPage" />
</div>
</template>
<script>
import Activity from "./Activity";
import Details from "./Details";
import Enclosure from "./Enclosure";
import Record from "./Record";
export default {
import Activity from "./Activity";
import Details from "./Details";
import Enclosure from "./Enclosure";
import Record from "./Record";
import invalidDialogBox from "./invalidDialogBox";
export default {
components: {
Activity,
Details,
Enclosure,
Record
Record,
invalidDialogBox
},
props:{
props: {
CustomerId: {
type: Number,
default: 0
......@@ -143,14 +161,16 @@ export default {
activeName: '1',
detailsData: {},
loading: false,
isShowInvalidBox: false,
};
},watch:{
},
watch: {
CustomerId: {
handler(val, oldVal){
handler(val, oldVal) {
this.init()
this.activeName = '1'
},
deep:true
deep: true
}
},
mounted() {
......@@ -160,37 +180,47 @@ export default {
this.MsgBus.$on('RefreshInfoBox', function () {
$this.init()
})
//关闭无效线索弹窗
this.MsgBus.$on('closeInvalidDialogBox', function () {
$this.isShowInvalidBox = false;
})
},
methods: {
init(){
this.apipost('/api/Customer/GetAllCustmersModel', {CustomerId: this.CustomerId}, res=>{
//刷新父页面
refreshParentPage() {
this.$emit('getList')
},
init() {
this.apipost('/api/Customer/GetAllCustmersModel', {
CustomerId: this.CustomerId
}, res => {
if (res.data.resultCode == 1) {
let data = res.data.data
if(!data.HousePhotos){
if (!data.HousePhotos) {
data.HousePhotos = []
}
if(!data.BusinessCardPhotos){
if (!data.BusinessCardPhotos) {
data.BusinessCardPhotos = []
}
if(!data.Images){
if (!data.Images) {
data.Images = []
}
if(!data.CustomerSourceType){
if (!data.CustomerSourceType) {
data.CustomerSourceType = ''
}
if(!data.CustomerSource){
if (!data.CustomerSource) {
data.CustomerSource = ''
}
if(!data.Province){
if (!data.Province) {
data.Province = ''
}
if(!data.Country){
if (!data.Country) {
data.Country = ''
}
if(!data.City){
if (!data.City) {
data.City = ''
}
if(!data.District){
if (!data.District) {
data.District = ''
}
this.detailsData = data
......@@ -198,7 +228,7 @@ export default {
}
})
},
handleCommand(command){
handleCommand(command) {
if (command === 'z') {
this.$emit('transferS', 3);
} else if (command === 'g') {
......@@ -206,14 +236,19 @@ export default {
} else if (command === 'd') {
this.$emit('deleteClue', 1)
}
//无效线索弹窗
else if (command === 'w') {
this.isShowInvalidBox = true;
}
},
handleClick(tab, event) {},
editCust(){
//编辑客户信息
editCustomerInfo() {
this.$emit('editCustS', 1)
},
handleClose(done) {
done();
}
}
}
}
</script>
\ No newline at end of file
src/components/clueManagement/guestInfoBox.vue
View file @ 9ac19078
......@@ -82,7 +82,7 @@
<p>{{detailsData.GusetName}}</p>
</div>
<div class="right">
<el-button class="crm-btn query-btn" @click="editCust">编辑</el-button>
<el-button class="crm-btn query-btn" @click="editGuestInfo">编辑</el-button>
<el-dropdown @command="handleCommand" style="top: 1px;">
<el-button class="crm-btn crm-btn-more easy-btn margin-right0">
<i class="iconfont icongengduo"></i>
......@@ -119,7 +119,8 @@
<div class="content">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="活动" name="1">
<Activity v-if="activeName === '1'" :CustomerId="CustomerId" :showType="2" :detailsData="detailsData" />
<Activity v-if="activeName === '1'" :CustomerId="CustomerId" :showType="2"
:detailsData="detailsData" />
</el-tab-pane>
<el-tab-pane label="详细资料" name="2">
<Details v-if="activeName === '2'" :detailsData="detailsData" />
......@@ -132,7 +133,7 @@
</el-tab-pane>
</el-tabs>
</div>
<invalidDialogBox v-if="isShowInvalidBox" :guestInfo="detailsData" />
<invalidDialogBox v-if="isShowInvalidBox" :guestInfo="detailsData" @success="refreshParentPage" />
</div>
</div>
</template>
......@@ -180,8 +181,15 @@
this.MsgBus.$on('RefreshInfoBox', function () {
$this.init()
})
this.MsgBus.$on('closeInvalidDialogBox', function () {
$this.isShowInvalidBox = false;
})
},
methods: {
//刷新父页面
refreshParentPage() {
this.$emit('getList')
},
init() {
this.apipost('/api/Customer/GetAllGuesstCustomerModel', {
ID: this.CustomerId
......@@ -228,18 +236,12 @@
}
//无效线索弹窗
else if (command === 'w') {
this.isShowInvalidBox=true;
var pmsg = {};
console.log("this.detailsData", this.detailsData);
// this.apipost('/api/Customer/UpdateClueState', pmsg, res => {
// if (res.data.resultCode == 1) {
// this.SceneEmployeeList = res.data.data
// }
// })
this.isShowInvalidBox = true;
}
},
handleClick(tab, event) {},
editCust() {
//编辑直客信息
editGuestInfo() {
this.$emit('editCustS', 2)
},
handleClose(done) {
......
src/components/clueManagement/invalidDialogBox.vue
View file @ 9ac19078
......@@ -153,14 +153,15 @@
}
</style>
<template>
<el-dialog :visible.sync="dialogTableVisible" @closed="closedDialog"
class="add-box add-box1 invalidDialogBox" width="450px">
<el-dialog :visible.sync="dialogTableVisible" @closed="closedDialog" class="add-box add-box1 invalidDialogBox"
width="450px" append-to-body>
<div class="add-tit" slot="title">
<p><span></span>无效线索弹窗</p>
<p><span></span>无效线索标记</p>
<span icon="el-icon-close"></span>
</div>
<div class="form-box">
<el-form ref="form" class="MyEditForm">
<p class="form-box-tit"><span class="radius"></span> 你正在把线索【{{guestInfo.ClueName}}】，标记为无效</p>
<el-row>
<el-col :span="24">
<div class="MyEditForm-item label-pad-left">
......@@ -186,6 +187,10 @@
type: Object,
default: null,
},
customerInfo: {
type: Object,
default: null,
},
},
data() {
return {
......@@ -193,13 +198,16 @@
saveMsg: {
CustomerId: 0,
GueustId: 0,
Remark: ""
Remark: "",
ClueState: 2,
ClueName: "", //线索名称
}
};
},
mounted() {
console.log("this.guestInfo", this.guestInfo);
watch: {
},
mounted() {
let $this = this;
setTimeout(() => {
$this.dialogTableVisible = true;
......@@ -207,11 +215,28 @@
},
methods: {
closedDialog() {
this.MsgBus.$emit("closeCustomerDialogBox");
this.MsgBus.$emit("closeInvalidDialogBox");
},
//保存无效线索
SaveInvalid() {
if (this.guestInfo) {
this.saveMsg.GueustId = this.guestInfo.Id;
this.saveMsg.ClueName = this.guestInfo.ClueName;
}
if (this.customerInfo) {
this.saveMsg.CustomerId = this.customerInfo.CustomerId;
this.saveMsg.ClueName = this.customerInfo.CustomerName;
}
this.apipost('/api/Customer/UpdateClueState', this.saveMsg, res => {
if (res.data.resultCode == 1) {
this.$emit("success");
this.dialogTableVisible = false;
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
})
},
},
};
......
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