Skip to content

C
CRM
Commit cea090ac authored by zhengke's avatar zhengke
Browse files
Options

11

parent 17a6872d
Show whitespace changes
Inline Side-by-side
Showing with 747 additions and 657 deletions
src/components/clueManagement/clueManagement.vue
View file @ cea090ac
<style>
@import '../../assets/css/customerManage.css';
/* .tools{
@import '../../assets/css/customerManage.css';
/* .tools{
padding-bottom: 0
}
.tools-item{
......@@ -20,9 +20,10 @@
color: rgb(35, 98, 251);
border-color: rgb(35, 98, 251);
} */
.el-table__fixed-body-wrapper table{
.el-table__fixed-body-wrapper table {
padding-bottom: 8px!important;
}
}
</style>
<template>
<div class="customerManage">
......@@ -140,83 +141,43 @@
@selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="40"></el-table-column>
<el-table-column
prop="CustomerName"
prop="ClueName"
label="线索名称"
v-if="queryType[0].show"
show-overflow-tooltip>
<template slot-scope="scope">
<p @click="openDetails(scope)" class="font-color-link cp">{{scope.row.CustomerName}}</p>
<p @click="openDetails(scope)" class="font-color-link cp">{{scope.row.ClueName}}</p>
</template>
</el-table-column>
<el-table-column
prop="CustomerSourceTypeStr"
label="线索来源"
v-if="queryType[1].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="CustomerLevelStr"
label="客户级别"
sortable
width="100"
v-if="queryType[5].show && msg.CustomerType === 0"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="Contact"
label="联系人"
v-if="queryType[2].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="ContactNumber"
label="联系电话"
sortable
v-if="queryType[3].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="Address"
label="地址"
v-if="queryType[4].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="PersonChargeStr"
label="负责人"
sortable
v-if="queryType[9].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="CreateByStr"
label="创建人"
sortable
v-if="queryType[6].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="UpdateTime"
label="上次更新时间"
sortable
v-if="queryType[7].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column prop="CustomerSourceTypeStr" label="线索来源" v-if="queryType[1].show" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="CustomerSource" label="来源细分" v-if="queryType[2].show && msg.CustomerType === 1" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="ClueDemand" label="需求" v-if="queryType[3].show && msg.CustomerType === 1" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="CustomerLevelStr" label="客户级别" sortable width="100" v-if="queryType[4].show && msg.CustomerType === 0" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="CustomerName" label="联系人" v-if="queryType[5].show" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="MobilePhone" label="联系电话" sortable v-if="queryType[6].show" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="WeChatNo" label="微信号" sortable v-if="queryType[7].show && msg.CustomerType === 1" show-overflow-tooltip>
</el-table-column>
<!-- <el-table-column prop="Address" label="地址" v-if="queryType[4].show" show-overflow-tooltip>
</el-table-column> -->
<el-table-column prop="PersonChargeStr" label="负责人" sortable v-if="queryType[8].show && msg.CustomerType === 1" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="CreateByStr" label="创建人" sortable v-if="queryType[9].show" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="UpdateTime" label="上次更新时间" sortable v-if="queryType[10].show" show-overflow-tooltip>
<template slot-scope="scope">
<span>{{scope.row.UpdateTime}}</span>
</template>
</el-table-column>
<el-table-column
prop="CreateTimestr"
label="创建时间"
sortable
v-if="queryType[8].show"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="IsCarefor"
fixed="right"
width="50"
label="关注">
</el-table-column>
<el-table-column prop="CreateTimestr" label="创建时间" sortable v-if="queryType[11].show" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="IsCarefor" fixed="right" width="50" label="关注">
<template slot-scope="scope">
<p>
<el-tooltip class="item" effect="dark" content="关注" placement="top">
......@@ -227,10 +188,8 @@
</el-tooltip>
</p>
</template>
</el-table-column>
<el-table-column
width="40"
fixed="right">
</el-table-column>
<el-table-column width="40" fixed="right">
<template slot="header" slot-scope="scope">
<el-popover
placement="bottom"
......@@ -239,59 +198,35 @@
<i class="el-icon-s-operation cp" slot="reference"></i>
</el-popover>
</template>
</el-table-column>
</el-table>
</div>
<div>
<el-pagination
class="Mypagination"
background
@current-change="handleCurrentChange"
:page-sizes="[30, 60, 90, 100]"
:page-size="msg.pageSize"
layout="sizes, prev, pager, next"
@size-change="handleSizeChange"
:total="total">
</el-table-column>
</el-table>
</div>
<div>
<el-pagination class="Mypagination" background @current-change="handleCurrentChange" :page-sizes="[30, 60, 90, 100]" :page-size="msg.pageSize" layout="sizes, prev, pager, next" @size-change="handleSizeChange" :total="total">
</el-pagination>
</div>
<el-drawer
:with-header="false"
size='70%'
:visible.sync="drawer"
direction="rtl"
:before-close="handleClose">
<customerInfoBox :CustomerId="CustomerId" @transferS="transfer" @deleteClue="deleteClue" @watersS="waters" @editCustS="editCust"/>
</el-drawer>
<el-drawer
:with-header="false"
size='70%'
:visible.sync="drawer2"
direction="rtl"
:before-close="handleClose">
<guestInfoBox :CustomerId="CustomerId" @transferS="transfer" @deleteClue="deleteClue" @watersS="waters" @editCustS="editCust"/>
</el-drawer>
<div v-if="dialogTableVisible">
<customerDialogBox @getList="getList" :name="dialogTableVisibleName" :CustomerId="CustomerId"/>
</div>
<div v-if="guestDialogBoxShow">
<guestDialogBox @getList="getList" :name="dialogTableVisibleName" :CustomerId="CustomerId"/>
</div>
<el-dialog :visible.sync="transferVisible" :close-on-click-modal="false" width="450px" custom-class="transfer-box add-box add-box2">
</div>
<el-drawer :with-header="false" size='70%' :visible.sync="drawer" direction="rtl" :before-close="handleClose">
<customerInfoBox :CustomerId="CustomerId" @transferS="transfer" @deleteClue="deleteClue" @watersS="waters" @editCustS="editCust" />
</el-drawer>
<el-drawer :with-header="false" size='70%' :visible.sync="drawer2" direction="rtl" :before-close="handleClose">
<guestInfoBox :CustomerId="CustomerId" @transferS="transfer" @deleteClue="deleteClue" @watersS="waters" @editCustS="editCust" />
</el-drawer>
<div v-if="dialogTableVisible">
<customerDialogBox @getList="getList" :name="dialogTableVisibleName" :CustomerId="CustomerId" />
</div>
<div v-if="guestDialogBoxShow">
<guestDialogBox @getList="getList" :name="dialogTableVisibleName" :CustomerId="CustomerId" />
</div>
<el-dialog :visible.sync="transferVisible" :close-on-click-modal="false" width="450px" custom-class="transfer-box add-box add-box2">
<div class="add-tit" slot="title">
<p><span></span>线索转移</p>
<span icon="el-icon-close"></span>
</div>
<el-form :model="transferMsg" ref="form" class="MyEditForm" >
<el-form :model="transferMsg" ref="form" class="MyEditForm">
<div class="MyEditForm-item">
<el-form-item label="变更负责人为" class="label-pad-left">
<el-select
filterable
v-model="transferMsg.EmpId" placeholder="请选择">
<el-option
v-for="item in EmployeeList"
:label='item.EmName'
:value='item.EmployeeId'
:key='item.EmployeeId'>
<el-select filterable v-model="transferMsg.EmpId" placeholder="请选择">
<el-option v-for="item in EmployeeList" :label='item.EmName' :value='item.EmployeeId' :key='item.EmployeeId'>
</el-option>
</el-select>
</el-form-item>
......@@ -301,16 +236,16 @@
<el-button type="primary" class="add-box-btn" @click="transfer(2)">确 定</el-button>
<el-button class="add-box-btn add-box-cancel" @click="transferVisible = false">取 消</el-button>
</div>
</el-dialog>
</div>
</el-dialog>
</div>
</template>
<script>
import mySelect from "../dialogModel/select";
import customerInfoBox from "./customerInfoBox";
import customerDialogBox from "./customerDialogBox";
import guestDialogBox from "./guestDialogBox";
import guestInfoBox from "./guestInfoBox";
export default {
import mySelect from "../dialogModel/select";
import customerInfoBox from "./customerInfoBox";
import customerDialogBox from "./customerDialogBox";
import guestDialogBox from "./guestDialogBox";
import guestInfoBox from "./guestInfoBox";
export default {
components: {
mySelect,
customerInfoBox,
......@@ -323,72 +258,80 @@ export default {
guestDialogBoxShow: false,
drawer2: false,
activeMenu: 1,
queryType2: [
{
queryType2: [{
label: '线索名称',
show: true,
},{
}, {
label: '线索来源',
show: true,
},{
}, {
label: '来源细分',
show: true,
}, {
label: '需求',
show: true,
}, {
label: '客户级别',
show: true,
}, {
label: '联系人',
show: true,
},{
}, {
label: '联系电话',
show: true,
},{
label: '地址',
show: true,
},{
label: '客户级别',
}, {
label: '微信',
show: true,
},{
}, {
label: '负责人',
show: true,
},{
}, {
label: '创建人',
show: true,
}, {
label: '上次更新时间',
show: true,
},{
}, {
label: '创建时间',
show: true,
},{
label: '创建人',
show: true,
}
],
queryType: [
{
}],
queryType: [{
label: '线索名称',
show: true,
},{
}, {
label: '线索来源',
show: true,
},{
}, {
label: '来源细分',
show: true,
}, {
label: '需求',
show: true,
}, {
label: '客户级别',
show: true,
}, {
label: '联系人',
show: true,
},{
}, {
label: '联系电话',
show: true,
},{
label: '地址',
show: true,
},{
label: '客户级别',
}, {
label: '微信',
show: true,
},{
}, {
label: '负责人',
show: true,
},{
}, {
label: '创建人',
show: true,
}, {
label: '上次更新时间',
show: true,
},{
}, {
label: '创建时间',
show: true,
},{
label: '创建人',
show: true,
}
],
}],
CustomerId: 0,
CustomerIdStr: '',
transferVisible: false,
......@@ -414,43 +357,39 @@ export default {
ContactNumber: '',
WhereType: -1,
OrderBy: '',
CustomerType: 0,
CustomerType: 1,
ID: 29,
},
total: 0,
WhereTypeList: [
{
WhereTypeList: [{
id: -1,
name: '全部'
},{
}, {
id: 1,
name: '我负责的'
},{
}, {
id: 2,
name: '下属的'
},{
}, {
id: 3,
name: '我参与的'
},{
}, {
id: 4,
name: '我关注的'
},
],
selectionList: [
{
}, ],
selectionList: [{
name: '转移',
class:'iconfont iconplus-transfer',
class: 'iconfont iconplus-transfer',
myFun: this.transfer
},{
}, {
name: '转化为客户',
class:'iconfont iconplus-transfer',
class: 'iconfont iconplus-transfer',
myFun: this.waters
},{
}, {
name: '删除',
class:'iconfont icondelete',
class: 'iconfont icondelete',
myFun: this.deleteClue
}
],
}],
sceneList: [],
SceneEmployeeList: [],
sceneID: 29,
......@@ -462,12 +401,12 @@ export default {
this.getList()
this.Employee()
let $this = this
this.MsgBus.$on('closeCustomerDialogBox', function (){
this.MsgBus.$on('closeCustomerDialogBox', function() {
$this.dialogTableVisible = false
$this.guestDialogBoxShow = false
})
this.GetSceneEmployeeList()
this.MsgBus.$on('sceneSave', function (msg){
this.MsgBus.$on('sceneSave', function(msg) {
$this.sceneList = [...msg]
$this.GetSceneEmployeeList()
let obj = {}
......@@ -477,15 +416,16 @@ export default {
$this.msg.Data = obj
$this.getList()
})
this.MsgBus.$on('editScene', function (){
this.MsgBus.$on('editScene', function() {
$this.GetSceneEmployeeList()
})
},beforeDestroy() {
},
beforeDestroy() {
this.MsgBus.$off('sceneSave');
this.MsgBus.$off('editScene');
},
methods: {
changeWhere(item){
changeWhere(item) {
this.msg.ID = item.ID
this.sceneID = item.ID
this.msg.Data = item.WhereData ? JSON.parse(item.WhereData) : {}
......@@ -493,14 +433,16 @@ export default {
this.visible = false
this.getList()
},
GetSceneEmployeeList(){
this.apipost('/api/Scene/GetSceneEmployeeList', {LableType: 4}, res=>{
GetSceneEmployeeList() {
this.apipost('/api/Scene/GetSceneEmployeeList', {
LableType: 4
}, res => {
if (res.data.resultCode == 1) {
this.SceneEmployeeList = res.data.data
}
})
},
deleteScene(index){
deleteScene(index) {
this.sceneList.splice(index, 1)
let obj = {}
this.sceneList.forEach(element => {
......@@ -509,7 +451,7 @@ export default {
this.msg.Data = obj
this.getList()
},
handleCommand(command){
handleCommand(command) {
this.CustomerId = 0
if (command === '1') {
this.dialogTableVisibleName = '新建线索'
......@@ -520,13 +462,13 @@ export default {
this.$message.warning('功能正在开发中~');
}
},
Employee(){
Employee() {
let msg = {
RB_Group_id: this.userInfo.RB_Group_id,
BranchId:-1,
DepartmentId:0,
PostId:0,
IsLeave:0,
BranchId: -1,
DepartmentId: 0,
PostId: 0,
IsLeave: 0,
}
this.apipost2(
"admin_get_EmployeeGetList",
......@@ -534,19 +476,18 @@ export default {
res => {
if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
} else {
}
} else {}
},
err => {}
);
},
//删除
deleteClue(type){
deleteClue(type) {
console.log('删除')
let tips = '确定将这些线索删除?'
if(type === 1) {
tips = '是否把线索“'+ this.CustomerName + '”删除？'
if (type === 1) {
tips = '是否把线索“' + this.CustomerName + '”删除？'
this.multipleSelection.push(this.CustomerId)
}
this.$confirm(tips, '提示', {
......@@ -555,10 +496,12 @@ export default {
type: 'warning'
}).then(() => {
let str = ''
this.multipleSelection.map((x, i)=>{
this.multipleSelection.map((x, i) => {
str = str + x + ','
})
this.apipost('/api/Customer/DelCustomerClue', {CustomerIds: str.substring(0, str.length - 1)}, res=>{
this.apipost('/api/Customer/DelCustomerClue', {
CustomerIds: str.substring(0, str.length - 1)
}, res => {
if (res.data.resultCode == 1) {
if (type === 1) {} {
this.drawer = false
......@@ -577,18 +520,18 @@ export default {
});
},
//导出
export(){
export () {
console.log('导出')
},
// 更改状态
changeState(){
changeState() {
console.log('更改状态')
},
// 转换为客户
waters(type){
waters(type) {
let tips = '确定将这些线索转换为客户吗?'
if(type === 1) {
tips = '是否把线索“'+ this.CustomerName + '”转换为客户吗？'
if (type === 1) {
tips = '是否把线索“' + this.CustomerName + '”转换为客户吗？'
this.multipleSelection.push(this.CustomerId)
}
this.$confirm(tips, '提示', {
......@@ -597,14 +540,14 @@ export default {
type: 'warning'
}).then(() => {
let str = ''
this.multipleSelection.map((x, i)=>{
this.multipleSelection.map((x, i) => {
str = str + x + ','
})
let msg = {
CustomerIds: str.substring(0, str.length - 1),
CustomerType: this.msg.CustomerType
}
this.apipost('/api/Customer/UpdateCustomerClue', msg, res=>{
this.apipost('/api/Customer/UpdateCustomerClue', msg, res => {
if (res.data.resultCode == 1) {
if (type === 1) {} {
this.drawer = false
......@@ -623,8 +566,10 @@ export default {
});
},
// 关注
CareforCustomer(scope){
this.apipost('/api/Customer/CareforCustomer', {CustomerCreateId: scope.row.CustomerCreateId}, res=>{
CareforCustomer(scope) {
this.apipost('/api/Customer/CareforCustomer', {
CustomerCreateId: scope.row.CustomerCreateId
}, res => {
if (res.data.resultCode == 1) {
this.$message.success('操作成功');
this.getList()
......@@ -632,7 +577,7 @@ export default {
})
},
// 转移
transfer(type){
transfer(type) {
if (type !== 2) {
if (type === 3) {
this.multipleSelection.push(this.CustomerId)
......@@ -643,11 +588,11 @@ export default {
return this.$message.error('请选择变更负责人！')
}
let str = ''
this.multipleSelection.map((x, i)=>{
this.multipleSelection.map((x, i) => {
str = str + x + ','
})
this.transferMsg.CustomerIds = str.substring(0, str.length - 1)
this.apipost('/api/Customer/TransferCustomerClue', this.transferMsg, res=>{
this.apipost('/api/Customer/TransferCustomerClue', this.transferMsg, res => {
if (res.data.resultCode == 1) {
this.multipleSelection = []
this.transferVisible = false
......@@ -666,14 +611,14 @@ export default {
}
console.log('转移')
},
showMessageFromChild(list){
this.mySelectCtrl=!this.mySelectCtrl
showMessageFromChild(list) {
this.mySelectCtrl = !this.mySelectCtrl
if (list) {
this.queryType = list
this.getList()
}
},
editCust(type){
editCust(type) {
this.dialogTableVisibleName = '修改线索'
if (type === 1) {
this.dialogTableVisible = true
......@@ -681,7 +626,7 @@ export default {
this.guestDialogBoxShow = true
}
},
openDetails(scope){
openDetails(scope) {
this.CustomerId = scope.row.CustomerId
this.CustomerName = scope.row.CustomerName
if (this.msg.CustomerType === 0) {
......@@ -701,10 +646,10 @@ export default {
handleClose(done) {
done();
},
getList: function (){
getList: function() {
this.tableData = []
this.loading = true
this.apipost('/api/Customer/GetCustomerCluePage', this.msg, res=>{
this.apipost('/api/Customer/GetCustomerCluePage', this.msg, res => {
if (res.data.resultCode == 1) {
this.tableData = res.data.data.pageData;
this.total = res.data.data.count;
......@@ -713,10 +658,10 @@ export default {
})
},
handleSelectionChange(val) {
this.multipleSelection = val.map(x=>
this.multipleSelection = val.map(x =>
x.CustomerId
)
}
}
};
};
</script>
\ No newline at end of file
src/components/clueManagement/customerDialogBox.vue
View file @ cea090ac
......@@ -489,7 +489,7 @@ export default {
watch: {
CustomerId: {
handler(val, oldVal) {
console.log(val);
// console.log(val);
},
deep: true,
},
......
src/components/clueManagement/guestDialogBox.vue
View file @ cea090ac
......@@ -260,7 +260,7 @@
</el-form-item>
</div>
</el-col>
<el-col :span="8" v-if="form.CustomerSourceType === 7">
<el-col :span="8" v-else="SourceEnum.ID === SourceSegmentList.ID">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="来源细分" prop="SourceAccount">
<el-select placeholder="请选择来源途径" v-model="form.SourceAccount">
......@@ -721,7 +721,7 @@
/* /api/Customer/GetGuestSourceAccountList */
methods: {
handleChange(val) {
console.log(val);
// console.log(val);
},
Transformation(val, type) {
let text = this.pinyin(val, {
......@@ -984,16 +984,39 @@
})
},
GetCustomerSourceEnum() {
this.SourceEnum = []
this.apipost('/api/Customer/GetCustomerSourceEnum', {}, res => {
if (res.data.resultCode == 1) {
this.SourceEnum = res.data.data
}
/* if (res.data.resultCode == 1) {
let data = res.data.data
let addList = function(arr) {
arr.forEach(item => {
item.SourceSegmentList = []
});
};
addList(data);
this.SourceEnum = res.data.data;
this.getSourceSegmentList();
} */
})
},
//来源细分
getSourceSegmentList() {
this.apipost('/api/Customer/GetGuestSourceAccountList', {}, res => {
if (res.data.resultCode == 1) {
this.SourceSegmentList = res.data.data
for (let i = 0; i < this.SourceEnum.length; i++) {
for (let j = 0; j < this.SourceSegmentList.length; j++) {
if (this.SourceEnum[i].ID == this.SourceSegmentList[j].ID) {
let obj = {
ID: this.SourceSegmentList[j].ID,
}
this.SourceEnum[i].SourceSegmentList.push(obj);
}
}
}
}
})
},
......
src/components/guestManagement/Details.vue
View file @ cea090ac
<style>
.Details {
.Details {
padding: 17px 20px;
margin-top: 20px;
background-color: white;
height: calc(100% - 54px);
overflow-y: auto;
font-size: 12px;
}
.Details .Details_box .tit {
}
.Details .Details_box .tit {
border: 4px solid #409efe;
border-top: 0;
border-bottom: 0;
......@@ -16,80 +17,85 @@
font-size: 14px;
color: #111;
font-weight: bold;
}
.Details_box_row {
}
.Details_box_row {
margin-top: 30px;
}
.Details_box_lable {
}
.Details_box_lable {
color: #999999;
}
}
</style>
<template>
<div class="Details">
<div class="Details_box">
<p class="tit">基本信息</p>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
客户名称：
名称：
</el-col>
<el-col :span="14">
{{detailsData.SurName + detailsData.Name}}
{{detailsData.ClueName}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
手机：
需求：
</el-col>
<el-col :span="14">
{{detailsData.MobilePhone}}
{{detailsData.ClueDemand}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
性别：
微信号：
</el-col>
<el-col :span="14">
{{detailsData.Sex === 0 ? '保密' : detailsData.Sex === 1 ? '男' : '女'}}
{{detailsData.WeChatNo}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
生日：
手机号码：
</el-col>
<el-col :span="14">
{{detailsData.Birthday}}
{{detailsData.MobilePhone}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
国籍：
来源：
</el-col>
<el-col :span="14">
{{detailsData.Nationality}}
{{detailsData.CustomerSourceType}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
身份证号：
来源细分：
</el-col>
<el-col :span="14">
{{detailsData.IdCard}}
{{detailsData.SourceAccountName}}
</el-col>
</el-row>
</el-col>
......@@ -98,24 +104,26 @@
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
性别：
客户中文名称：
</el-col>
<el-col :span="14">
{{detailsData.Sex}}
{{detailsData.SurName + detailsData.Name}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
手机号：
客户英文名称：
</el-col>
<el-col :span="14">
{{detailsData.MobilePhone}}
{{detailsData.ESurName + detailsData.EName}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
......@@ -130,22 +138,23 @@
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
护照签发日期：
护照号签发地：
</el-col>
<el-col :span="14">
{{detailsData.PassportIssued}}
{{detailsData.PassportAddress}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
职务：
护照签发日期：
</el-col>
<el-col :span="14">
{{detailsData.PassportExpiry}}
{{detailsData.PassportIssued}}
</el-col>
</el-row>
</el-col>
......@@ -160,29 +169,93 @@
</el-row>
</el-col>
</el-row>
</div>
<el-divider><i class="el-icon-s-promotion"></i></el-divider>
<div class="Details_box">
<p class="tit" style="margin-top: 30px;">系统信息</p>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
单位类型：
性别：
</el-col>
<el-col :span="14">
{{detailsData.UnitTypeStr}}
{{detailsData.Sex === 0 ? '保密' : detailsData.Sex === 1 ? '男' : '女'}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
出游类型：
生日：
</el-col>
<el-col :span="14">
{{detailsData.TravelTypeStr}}
{{detailsData.Birthday}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
国籍：
</el-col>
<el-col :span="14">
{{detailsData.Nationality}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
身份证号：
</el-col>
<el-col :span="14">
{{detailsData.IdCard}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
性别：
</el-col>
<el-col :span="14">
{{detailsData.Sex}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
电话：
</el-col>
<el-col :span="14">
{{detailsData.Tel}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
职务：
</el-col>
<el-col :span="14">
{{detailsData.PassportExpiry}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
......@@ -193,20 +266,29 @@
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
备注：
单位类型：
</el-col>
<el-col :span="14">
{{detailsData.Remarks}}
{{detailsData.UnitTypeStr}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
出游类型：
</el-col>
<el-col :span="14">
{{detailsData.TravelTypeStr}}
</el-col>
</el-row>
</el-col>
</el-row>
</div>
<div class="Details_box">
<p class="tit" style="margin-top: 30px;">系统信息</p>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
......@@ -251,11 +333,77 @@
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
出生地：
</el-col>
<el-col :span="14">
{{detailsData.BirthdayAddress}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
婚姻状况：
</el-col>
<el-col :span="14">
{{detailsData.Marriage}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
家庭居住地址：
</el-col>
<el-col :span="14">
{{detailsData.Address}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
家庭详情地址：
</el-col>
<el-col :span="14">
{{detailsData.AddressDetail}}
</el-col>
</el-row>
</el-col>
</el-row>
<el-row :gutter="40" class="Details_box_row">
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
出境记录：
</el-col>
<el-col :span="14">
{{detailsData.HistoryRecord}}
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="6" class="Details_box_lable">
备注：
</el-col>
<el-col :span="14">
{{detailsData.Remarks}}
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</div>
</template>
<script>
export default {
export default {
props: {
detailsData: {
type: Object,
......@@ -268,5 +416,5 @@ export default {
watch: {},
mounted() {},
methods: {},
};
};
</script>
\ No newline at end of file
src/components/guestManagement/customerDialogBox.vue
View file @ cea090ac
......@@ -516,7 +516,7 @@
<el-form :model="form" ref="form" class="MyEditForm">
<el-row :gutter="30">
<el-col :span="8">
<div class="MyEditForm-item">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="身份证号码" prop="IdCard">
<el-input placeholder="请输入客户身份证号码" v-model="form.IdCard"></el-input>
</el-form-item>
......@@ -524,7 +524,7 @@
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="性别" prop="Sex">
<el-select v-model="form.Sex">
<el-option :key="0" label="保密" :value="0"></el-option>
......@@ -534,16 +534,8 @@
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="手机号码" prop="MobilePhone">
<el-input placeholder="请输入手机号码" v-model="form.MobilePhone"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="生日" prop="Birthday">
<el-date-picker :clearable="false" value-format="yyyy-MM-dd HH:mm:ss" v-model="form.Birthday" type="date" placeholder="选择日期">
</el-date-picker>
......@@ -551,7 +543,7 @@
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="出生地" prop="BirthdayAddress">
<el-input placeholder="请输入出生地" v-model="form.BirthdayAddress"></el-input>
</el-form-item>
......@@ -580,21 +572,21 @@
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="家庭居住地" prop="Address">
<el-input placeholder="请输入家庭居住地" v-model="form.Address"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="家庭详细地址" prop="AddressDetail">
<el-input placeholder="请输入详细地址" v-model="form.AddressDetail"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="身份确认" prop="IdentityType">
<el-select v-model="form.IdentityType">
<el-option v-for="item in VisaIdentityTypeEnum" :key="item.Id" :label="item.Name" :value="item.Name"></el-option>
......@@ -603,7 +595,7 @@
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item MyEditForm-item-checkd">
<div class="MyEditForm-item MyEditForm-item-checkd label-pad-left">
<el-form-item label="出境记录" prop="HistoryRecord">
<el-select v-model="form.HistoryRecord" filterable>
<el-option v-for="item in VisaDeparturesType" :key="item.Id" :label="item.Name" :value="item.Name">
......@@ -615,7 +607,7 @@
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="出游类型" prop="TravelType">
<el-select v-model="form.TravelType" filterable>
<el-option v-for="item in TravelTypeList" :key="item.Code" :label="item.Content" :value="item.Code"></el-option>
......@@ -624,7 +616,7 @@
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="单位类型" prop="UnitType">
<el-select v-model="form.UnitType" filterable>
<el-option v-for="item in UnitTypeList" :key="item.Code" :label="item.Content" :value="item.Code"></el-option>
......@@ -633,7 +625,7 @@
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="职务类型" prop="DutyType">
<el-select v-model="form.DutyType" filterable>
<el-option v-for="item in DutyTypeList" :key="item.Code" :label="item.Content" :value="item.Code"></el-option>
......@@ -642,7 +634,7 @@
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="高校学生">
<el-select v-model="form.IsHightSchool">
<el-option :key="1" label="是" :value="1"></el-option>
......@@ -651,24 +643,6 @@
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="客户来源" prop="CustomerSourceType">
<el-select v-model="form.CustomerSourceType" placeholder="请选择客户来源">
<el-option v-for="item in SourceEnum" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="16" v-if="form.CustomerSourceType === 6">
<div class="MyEditForm-item">
<el-form-item label="客户来源信息" prop="CustomerSource">
<el-input type="textarea" placeholder="请输入客户来源信息" v-model="form.CustomerSource">
</el-input>
</el-form-item>
</div>
</el-col>
<template v-for='(item,index) in EconomicCapabilityS'>
<el-col :span="8" :key="index" v-if='item.isShow'>
<div class="MyEditForm-item">
......
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