Skip to content

C
CRM
Commit 50716234 authored by 罗超's avatar 罗超
Browse files
Options

调整部分样式与功能

parent 35b8eb2a
Hide whitespace changes
Inline Side-by-side
Showing with 1030 additions and 475 deletions
src/components/guestManagement/Agreement.vue
View file @ 50716234
......@@ -97,7 +97,7 @@ export default {
},
addBusiness() {
let $this = this;
this.MsgBus.$emit("addBusinessBoxOpen", $this.ID, 0, true);
this.MsgBus.$emit("addTicketOrderBoxOpen", $this.ID, 0, true);
},
guanlian() {},
jiechuguanlian() {},
......
src/components/guestManagement/guestManagement.vue
View file @ 50716234
<style>
@import '../../assets/css/customerManage.css';
.el-table__fixed-body-wrapper table {
padding-bottom: 8px!important;
}
@import "../../assets/css/customerManage.css";
.el-table__fixed-body-wrapper table {
padding-bottom: 8px !important;
}
</style>
<template>
<div class="customerManage">
......@@ -116,8 +116,10 @@
width="120"
v-if="queryType[0].show"
show-overflow-tooltip>
<template @click="openDetails(scope)" slot-scope="scope">
<p class="font-color-link cp">{{scope.row.GusetName}}</p>
<template slot-scope="scope">
<div style="width:100%;min-height:38px" class="cp" @click="openDetails(scope)">
<p class="font-color-link cp">{{scope.row.GusetName}}</p>
</div>
</template>
</el-table-column>
<el-table-column prop="MobilePhone" label="手机号码" width="120" v-if="queryType[1].show" show-overflow-tooltip>
......@@ -243,466 +245,555 @@
</div>
</template>
<script>
import mySelect from "../dialogModel/select";
import customerInfoBox from "./customerInfoBox";
import customerDialogBox from "./customerDialogBox";
export default {
components: {
mySelect,
customerInfoBox,
customerDialogBox
},
data() {
return {
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: '余额',
show: true,
}, {
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: '身份证',
show: true,
}, {
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: '出境记录',
show: true,
}, {
label: '家庭详细地址 ',
show: true,
}, {
label: '出生地点',
show: true,
}, {
label: '经济能力确认',
show: true,
}, {
label: '是否推存',
show: true,
}],
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: '余额',
show: true,
}, {
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: '身份证',
show: true,
}, {
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: '出境记录',
show: true,
}, {
label: '家庭详细地址 ',
show: true,
}, {
label: '出生地点',
show: true,
}, {
label: '经济能力确认',
show: true,
}, {
label: '是否推存',
show: true,
}],
CustomerId: 0,
CustomerIdStr: '',
transferVisible: false,
mySelectCtrl: false,
drawer: false,
loading: true,
dialogTableVisible: false,
dialogTableVisibleName: '新建直客',
tableData: [],
multipleSelection: [],
EmployeeList: [],
value: '',
userInfo: {},
transferMsg: {
IDs: [],
EmpId: '',
},
msg: {
GusetName: '',
pageIndex: 1,
pageSize: 30,
ContactNumber: '',
WhereType: -1,
OrderBy: '',
ID: 36
},
total: 0,
WhereTypeList: [{
id: -1,
name: '全部'
}, {
id: 1,
name: '我负责的'
}, {
id: 2,
name: '下属的'
}, {
id: 3,
name: '我关注的'
}, ],
selectionList: [{
name: '转移',
class: 'iconfont iconplus-transfer',
myFun: this.transfer
}, {
name: '删除',
class: 'iconfont icondelete',
myFun: this.delete
}, ],
sceneList: [],
SceneEmployeeList: [],
sceneID: 36,
visible: false,
};
},
mounted() {
this.userInfo = this.getLocalStorage();
console.log(this.queryType)
this.getList()
this.Employee()
let $this = this
this.MsgBus.$on('closeCustomerDialogBox', function() {
$this.dialogTableVisible = false
})
this.GetSceneEmployeeList()
this.MsgBus.$on('sceneSave', function(msg) {
$this.sceneList = [...msg]
$this.GetSceneEmployeeList()
let obj = {}
msg.forEach(element => {
obj[element.name] = element
});
$this.msg.Data = obj
$this.getList()
})
this.MsgBus.$on('editScene', function() {
console.log(1)
$this.GetSceneEmployeeList()
})
},
beforeDestroy() {
this.MsgBus.$off('sceneSave');
this.MsgBus.$off('editScene');
},
methods: {
handleCommand(command) {
this.$message.warning('功能正在开发中~');
},
changeWhere(item) {
this.msg.ID = item.ID
this.sceneID = item.ID
this.msg.Data = item.WhereData ? JSON.parse(item.WhereData) : {}
this.msg.WhereType = item.WhereType
this.visible = false
this.getList()
},
GetSceneEmployeeList() {
this.apipost('/api/Scene/GetSceneEmployeeList', {
LableType: 5
}, res => {
if (res.data.resultCode == 1) {
this.SceneEmployeeList = res.data.data
}
})
},
deleteScene(index) {
this.sceneList.splice(index, 1)
let obj = {}
this.sceneList.forEach(element => {
obj[element.name] = element
});
this.msg.Data = obj
this.getList()
},
getMarriageStr(type) {
if (type === 5) return '其他'
if (type === 4) return '丧偶'
if (type === 3) return '未婚'
if (type === 2) return '离婚'
if (type === 1) return '已婚'
if (type === 0) return '无'
},
Employee() {
let msg = {
RB_Group_id: this.userInfo.RB_Group_id,
BranchId: -1,
DepartmentId: 0,
PostId: 0,
IsLeave: 0,
}
this.apipost2(
"admin_get_EmployeeGetList",
this.msg,
res => {
if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
} else {}
},
err => {}
);
},
import mySelect from "../dialogModel/select";
import customerInfoBox from "./customerInfoBox";
import customerDialogBox from "./customerDialogBox";
export default {
components: {
mySelect,
customerInfoBox,
customerDialogBox,
},
data() {
return {
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: "余额",
show: true,
},
{
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: "身份证",
show: true,
},
{
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: "出境记录",
show: true,
},
{
label: "家庭详细地址 ",
show: true,
},
{
label: "出生地点",
show: true,
},
{
label: "经济能力确认",
show: true,
},
{
label: "是否推存",
show: true,
},
],
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: "余额",
show: true,
},
{
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: "身份证",
show: true,
},
{
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: "出境记录",
show: true,
},
{
label: "家庭详细地址 ",
show: true,
},
{
label: "出生地点",
show: true,
},
{
label: "经济能力确认",
show: true,
},
{
label: "是否推存",
show: true,
},
],
CustomerId: 0,
CustomerIdStr: "",
transferVisible: false,
mySelectCtrl: false,
drawer: false,
loading: true,
dialogTableVisible: false,
dialogTableVisibleName: "新建直客",
tableData: [],
multipleSelection: [],
EmployeeList: [],
value: "",
userInfo: {},
transferMsg: {
IDs: [],
EmpId: "",
},
msg: {
GusetName: "",
pageIndex: 1,
pageSize: 30,
ContactNumber: "",
WhereType: -1,
OrderBy: "",
ID: 36,
},
total: 0,
WhereTypeList: [
{
id: -1,
name: "全部",
},
{
id: 1,
name: "我负责的",
},
{
id: 2,
name: "下属的",
},
{
id: 3,
name: "我关注的",
},
],
selectionList: [
{
name: "转移",
class: "iconfont iconplus-transfer",
myFun: this.transfer,
},
{
name: "删除",
class: "iconfont icondelete",
myFun: this.delete,
},
],
sceneList: [],
SceneEmployeeList: [],
sceneID: 36,
visible: false,
};
},
mounted() {
this.userInfo = this.getLocalStorage();
console.log(this.queryType);
this.getList();
this.Employee();
let $this = this;
this.MsgBus.$on("closeCustomerDialogBox", function() {
$this.dialogTableVisible = false;
});
this.GetSceneEmployeeList();
this.MsgBus.$on("sceneSave", function(msg) {
$this.sceneList = [...msg];
$this.GetSceneEmployeeList();
let obj = {};
msg.forEach((element) => {
obj[element.name] = element;
});
$this.msg.Data = obj;
$this.getList();
});
this.MsgBus.$on("editScene", function() {
console.log(1);
$this.GetSceneEmployeeList();
});
},
beforeDestroy() {
this.MsgBus.$off("sceneSave");
this.MsgBus.$off("editScene");
},
methods: {
handleCommand(command) {
this.$message.warning("功能正在开发中~");
},
changeWhere(item) {
this.msg.ID = item.ID;
this.sceneID = item.ID;
this.msg.Data = item.WhereData ? JSON.parse(item.WhereData) : {};
this.msg.WhereType = item.WhereType;
this.visible = false;
this.getList();
},
GetSceneEmployeeList() {
this.apipost(
"/api/Scene/GetSceneEmployeeList",
{
LableType: 5,
},
(res) => {
if (res.data.resultCode == 1) {
this.SceneEmployeeList = res.data.data;
}
}
);
},
deleteScene(index) {
this.sceneList.splice(index, 1);
let obj = {};
this.sceneList.forEach((element) => {
obj[element.name] = element;
});
this.msg.Data = obj;
this.getList();
},
getMarriageStr(type) {
if (type === 5) return "其他";
if (type === 4) return "丧偶";
if (type === 3) return "未婚";
if (type === 2) return "离婚";
if (type === 1) return "已婚";
if (type === 0) return "无";
},
Employee() {
let msg = {
RB_Group_id: this.userInfo.RB_Group_id,
BranchId: -1,
DepartmentId: 0,
PostId: 0,
IsLeave: 0,
};
this.apipost2(
"admin_get_EmployeeGetList",
this.msg,
(res) => {
if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
} else {
}
},
(err) => {}
);
},
//锁定
locking() {
console.log('锁定')
},
//解锁
Unlock() {
console.log('解锁')
},
//删除团队成员
delCust() {
console.log('删除团队成员')
},
//删除
delete() {
console.log('删除')
},
//导出
export () {
console.log('导出')
},
// 更改状态
changeState() {
console.log('更改状态')
},
// 关注
CareforCustomer(scope) {
this.apipost('/api/Customer/CareforGuesstCustomer', {
ID: scope.row.ID
}, res => {
if (res.data.resultCode == 1) {
this.$message.success('操作成功');
this.getList()
}
})
},
// 转移
transfer(type) {
if (type !== 2) {
if (type === 3) {
this.multipleSelection.push(this.CustomerId)
}
this.transferVisible = true
} else {
if (this.transferMsg.EmpId === '') {
return this.$message.error('请选择变更负责人！')
}
let str = ''
this.multipleSelection.map((x, i) => {
str = str + x + ','
})
this.transferMsg.IDs = str.substring(0, str.length - 1)
this.apipost('/api/Customer/TransferGuesstCustomer', this.transferMsg, res => {
if (res.data.resultCode == 1) {
this.multipleSelection = []
this.transferVisible = false
if (type === 3) {} {
this.drawer = false
}
this.$message.success(res.data.message);
this.getList()
this.transferMsg = {
IDs: [],
EmpId: ''
}
}
})
}
console.log('转移')
},
showMessageFromChild(list) {
this.mySelectCtrl = !this.mySelectCtrl
if (list) {
this.queryType = list
this.getList()
}
},
editCust() {
this.dialogTableVisibleName = '修改直客'
this.dialogTableVisible = true
},
openDetails(scope) {
this.drawer = true
this.CustomerId = scope.row.ID
this.CustomerName = scope.row.GusetName
},
handleSizeChange(val) {
this.msg.pageSize = val
this.getList();
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
handleClose(done) {
done();
},
getList: function() {
this.tableData = []
this.loading = true
this.apipost('/api/Customer/GetGuesstCustomerPageList', this.msg, res => {
if (res.data.resultCode == 1) {
this.tableData = res.data.data.pageData;
this.tableData.map(x => {
if (x.EconomicCapability) {
x.EconomicCapability = JSON.parse(x.EconomicCapability)
} else {
x.EconomicCapability = [];
}
})
this.total = res.data.data.count;
this.loading = false;
}
})
},
handleSelectionChange(val) {
this.multipleSelection = val.map(x =>
x.ID
)
//锁定
locking() {
console.log("锁定");
},
//解锁
Unlock() {
console.log("解锁");
},
//删除团队成员
delCust() {
console.log("删除团队成员");
},
//删除
delete() {
console.log("删除");
},
//导出
export() {
console.log("导出");
},
// 更改状态
changeState() {
console.log("更改状态");
},
// 关注
CareforCustomer(scope) {
this.apipost(
"/api/Customer/CareforGuesstCustomer",
{
ID: scope.row.ID,
},
(res) => {
if (res.data.resultCode == 1) {
this.$message.success("操作成功");
this.getList();
}
}
);
},
// 转移
transfer(type) {
if (type !== 2) {
if (type === 3) {
this.multipleSelection.push(this.CustomerId);
}
this.transferVisible = true;
} else {
if (this.transferMsg.EmpId === "") {
return this.$message.error("请选择变更负责人！");
}
let str = "";
this.multipleSelection.map((x, i) => {
str = str + x + ",";
});
this.transferMsg.IDs = str.substring(0, str.length - 1);
this.apipost(
"/api/Customer/TransferGuesstCustomer",
this.transferMsg,
(res) => {
if (res.data.resultCode == 1) {
this.multipleSelection = [];
this.transferVisible = false;
if (type === 3) {
}
{
this.drawer = false;
}
this.$message.success(res.data.message);
this.getList();
this.transferMsg = {
IDs: [],
EmpId: "",
};
}
}
);
}
console.log("转移");
},
showMessageFromChild(list) {
this.mySelectCtrl = !this.mySelectCtrl;
if (list) {
this.queryType = list;
this.getList();
}
},
editCust() {
this.dialogTableVisibleName = "修改直客";
this.dialogTableVisible = true;
},
openDetails(scope) {
this.drawer = true;
this.CustomerId = scope.row.ID;
this.CustomerName = scope.row.GusetName;
},
handleSizeChange(val) {
this.msg.pageSize = val;
this.getList();
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
handleClose(done) {
done();
},
getList: function() {
this.tableData = [];
this.loading = true;
this.apipost(
"/api/Customer/GetGuesstCustomerPageList",
this.msg,
(res) => {
if (res.data.resultCode == 1) {
this.tableData = res.data.data.pageData;
this.tableData.map((x) => {
if (x.EconomicCapability) {
x.EconomicCapability = JSON.parse(x.EconomicCapability);
} else {
x.EconomicCapability = [];
}
});
this.total = res.data.data.count;
this.loading = false;
}
}
};
</script>
\ No newline at end of file
);
},
handleSelectionChange(val) {
this.multipleSelection = val.map((x) => x.ID);
},
},
};
</script>
src/components/guestManagement/ticketOrder.vue
View file @ 50716234
<style>
.customerDialogBox.add-box .add-tit {
display: flex;
justify-content: space-between;
align-items: center;
height: 20px;
}
.customerDialogBox.add-box .add-tit p {
display: flex;
align-items: center;
font-weight: bold;
color: rgba(17, 17, 17, 1);
font-size: 14px;
}
.customerDialogBox.add-box .add-tit p span {
display: inline-block;
width: 6px;
height: 6px;
background: #409efe;
border-radius: 50%;
margin-right: 10px;
}
.customerDialogBox.add-box .el-dialog__header {
padding: 15px 20px;
background: rgba(255, 255, 255, 1);
}
.customerDialogBox.add-box .dialog-footer {
text-align: center;
background-color: rgba(248, 250, 251, 1);
padding-bottom: 20px;
}
.customerDialogBox.add-box .el-dialog__footer {
padding: 0;
}
.customerDialogBox.add-box .el-dialog__body {
background-color: rgba(248, 250, 251, 1);
padding-top: 20px;
max-height: 500px;
overflow: auto;
}
.customerDialogBox .add-box-btn.el-button {
border-radius: 0;
background-color: #409efecc;
border-color: #409efecc;
color: white;
padding: 12px 43px;
}
.customerDialogBox .add-box-btn.el-button:hover {
background-color: #409efe;
border-color: #409efe;
color: white;
}
.customerDialogBox .add-box-btn.el-button.add-box-cancel {
color: #409efecc;
background-color: white;
}
.customerDialogBox .add-box-btn.el-button.add-box-cancel:hover {
color: #409efe;
background-color: white;
}
.customerDialogBox .el-input .el-input-group__append {
background-color: #409efe;
border-color: #409efe;
color: #fff;
}
.customerDialogBox .form-box .form-box-tit {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.customerDialogBox .form-box .radius {
display: flex;
width: 4px;
height: 4px;
background: rgba(255, 164, 117, 1);
border-radius: 50%;
margin-right: 10px;
}
.customerDialogBox .up-img-box .uib-item {
margin-right: 30px;
width: 120px;
height: 120px;
background-color: white;
position: relative;
margin-bottom: 30px;
}
.customerDialogBox .up-img-box .uib-item p {
position: absolute;
bottom: -30px;
font-size: 12px;
text-align: center;
width: 100%;
}
.customerDialogBox .up-img-box .uib-item:hover .imgzhe-btn {
opacity: 1;
}
.customerDialogBox .imgzhe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.customerDialogBox .imgzhe .imgzhe-btn {
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
text-align: center;
line-height: 120px;
position: absolute;
top: 0;
opacity: 1;
transition: all linear 0.5s;
}
.customerDialogBox .imgzhe .imgzhe-btn i {
font-size: 22px;
margin-right: 5px;
color: white;
cursor: pointer;
}
.customerDialogBox .up-ctrl {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.customerDialogBox .up-ctrl > div {
width: 100%;
height: 100%;
text-align: center;
line-height: 140px;
}
</style>
<template>
<el-dialog :visible.sync="dialogTableVisible" @closed="closedDialog" :close-on-click-modal="false" class="add-box add-box1 customerDialogBox">
<div class="add-tit" slot="title">
<p><span></span>{{name}}</p>
<span icon="el-icon-close"></span>
</div>
<div class="form-box" v-if="show">
<el-form :model="form" ref="form" class="MyEditForm" :rules="rules">
<p class="form-box-tit"><span class="radius"></span> 基本信息</p>
<el-row :gutter="30">
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="商机名称" prop="BusinessName">
<el-input placeholder="请输入商机名称" v-model="form.BusinessName"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="客户名称" prop="CustomerId">
<el-select v-model="form.CustomerId" :disabled="type==='1' ? true : false" placeholder="请选择客户" v-if="!isGuest">
<el-option
v-for="item in CustomerList"
:key="item.CustomerId"
:label="item.CustomerName"
:value="item.CustomerId">
</el-option>
</el-select>
<el-select v-model="form.CustomerId" :disabled="type==='1' ? true : false" placeholder="请选择客户" v-else>
<el-option
v-for="item in CustomerList"
:key="item.Id"
:label="item.GuestName"
:value="item.Id">
</el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="预计人数" prop="PeopleNumber">
<el-input placeholder="请输入预计人数" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" v-model="form.PeopleNumber"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="30">
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="预算价格" prop="BudgetPrice">
<el-input placeholder="请输入预算价格" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" v-model="form.BudgetPrice"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="线路" prop="LineId">
<el-select v-model="form.LineId" filterable @change="getLineTeamList(form.LineId)" placeholder="请选择线路">
<el-option
v-for="item in LineList"
:label='item.LineName' :value='item.LineID' :key='item.LineID'>
</el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="系列" prop="LineteamId">
<el-select v-model="form.LineteamId" filterable placeholder="请选择系列">
<el-option label='不限' value='0' key='0'></el-option>
<el-option
v-for="item in LineTeamList"
:label='item.name' :value='item.id' :key='item.id'>
</el-option>
</el-select>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="30">
<el-col :span="8">
<div class="MyEditForm-item MyEditForm-item-time">
<el-form-item label="出发时间" prop="DepartTime">
<el-date-picker
value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.DepartTime"
:clearable="false"
type="datetime"
placeholder="选择出发时间">
</el-date-picker>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item MyEditForm-item-time">
<el-form-item label="商机状态" prop="BusinessStatus">
<el-select v-model="form.BusinessStatus" placeholder="请选择商机状态">
<el-option
v-for="item in BusinessStatusEnum"
:label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="备注">
<el-input type="textarea" placeholder="商机备注" v-model="form.Remark"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" class="add-box-btn" @click="submitForm('form')">确 定</el-button>
<el-button class="add-box-btn add-box-cancel" @click="dialogTableVisible = false, resetForm('form')">取 消</el-button>
</div>
</el-dialog>
</template>
<script>
export default {};
export default {
props: [
"ID",
"name",
"CustomerId",
"ContactId",
"type",
"isGuest",
"TicketOrderId",
"GuestId",
],
data() {
return {
CustomerList: [],
LineList: [],
LineTeamList: [],
dialogTableVisible: false,
form: {
ID: 0,
CustomerId: "",
BudgetPrice: "",
LineId: "",
BusinessName: "",
BusinessStatus: "",
LineteamId: "",
DepartTime: "",
PeopleNumber: 1,
Remark: "",
},
BusinessStatusEnum: [],
rules: {
CustomerId: [
{ required: true, message: "请选择客户", trigger: "change" },
],
BusinessName: [
{ required: true, message: "请输入商机名称", trigger: "blur" },
],
BudgetPrice: [
{ required: true, message: "请输入预算价格", trigger: "blur" },
],
BusinessStatus: [
{ required: true, message: "请选择商机状态", trigger: "change" },
],
LineId: [{ required: true, message: "请选择线路", trigger: "change" }],
LineteamId: [
{ required: true, message: "请选择系列", trigger: "change" },
],
DepartTime: [
{ required: true, message: "请选择时间", trigger: "change" },
],
PeopleNumber: [
{ required: true, message: "请输入预计人数", trigger: "blur" },
],
Remark: [{ required: true, message: "请输入备注", trigger: "blur" }],
},
show: true,
};
},
watch: {
ID: {
handler(val, oldVal) {
console.log(val);
},
deep: true,
},
CustomerId: {
handler(val, oldVal) {
console.log(val);
},
deep: true,
},
isGuest: {
handler(val, oldVal) {
if (val) {
this.form.CustomerType = 1;
this.getGuestList();
} else {
this.getCustomerList();
}
},
deep: true,
},
},
mounted() {
console.log(this.isGuest);
if (this.isGuest) {
this.form.CustomerType = 1;
this.getGuestList();
} else {
this.getCustomerList();
}
this.getLineList();
this.GetBusinessStatusEnum();
let $this = this;
if (this.CustomerId !== 0) {
this.form.CustomerId = this.CustomerId;
}
setTimeout(() => {
$this.dialogTableVisible = true;
}, 50);
if (this.ID !== 0) {
let msg = {
BusinessId: this.ID,
};
if (this.isGuest) {
msg.CustomerType = 1;
}
this.apipost("/api/Customer/GetAllBusinessModel", msg, (res) => {
if (res.data.resultCode == 1) {
let data = res.data.data;
if (data.LineId) {
this.getLineTeamList(data.LineId, 1);
}
this.form = data;
}
});
}
},
methods: {
//获取系列列表
getLineTeamList(lineId, type) {
if (!type) {
this.form.LineteamId = "";
}
this.apipost2(
"b2b_get_GetLineTeam",
{
lineId: lineId,
},
(res) => {
if (res.data.resultCode == 1) {
this.LineTeamList = res.data.data;
}
}
);
},
getLineList() {
this.apipost2("line_post_GetAllList", {}, (res) => {
if (res.data.resultCode == 1) {
this.LineList = res.data.data;
}
});
},
GetBusinessStatusEnum() {
this.apipost("/api/Customer/GetBusinessStatusEnum", {}, (res) => {
if (res.data.resultCode == 1) {
this.BusinessStatusEnum = res.data.data;
}
});
},
getGuestList() {
this.apipost("/api/Customer/GetGuesstCustomerByCreateList", {}, (res) => {
if (res.data.resultCode == 1) {
this.CustomerList = res.data.data;
}
});
},
getCustomerList() {
this.apipost("/api/Customer/GetCustomerListByCreateInfo", {}, (res) => {
if (res.data.resultCode == 1) {
this.CustomerList = res.data.data;
}
});
},
closedDialog() {
this.MsgBus.$emit("closeBusinessDialogBox");
},
addData() {
this.apipost("/api/Customer/CreateCustomerBusiness", this.form, (res) => {
if (res.data.resultCode == 1) {
this.dialogTableVisible = false;
// 有id 发送更新抽屉消息
if (this.CustomerId !== 0) {
this.$message.success("操作成功");
this.MsgBus.$emit("RefreshInfoBox");
} else {
this.$message.success("操作成功");
}
this.$emit("getList");
this.MsgBus.$emit("RefreshbusSelect");
this.resetForm("form");
} else {
this.$message.error(res.data.message);
}
});
},
submitForm(addMsg) {
//提交创建、修改表单
this.$refs[addMsg].validate((valid) => {
if (valid) {
this.addData();
} else {
return false;
}
});
},
resetForm(formName) {
// 重置表单
this.form = {
ID: 0,
CustomerId: 0,
BudgetPrice: "",
LineId: "",
BusinessName: "",
BusinessStatus: "",
LineteamId: "",
DepartTime: "",
PeopleNumber: 0,
Remark: "",
};
this.$refs[formName].resetFields();
},
},
};
</script>
<style>
</style>
src/views/index.vue
View file @ 50716234
......@@ -248,7 +248,7 @@ export default {
url: "",
showViewer: false,
dialogBusinessVisible: false,
dialogTicketOrderVisibleName: "新建商机",
dialogTicketOrderVisibleName: "新建机票订单",
dialogTicketOrderVisible: false,
CustomerId: 0,
ContactId: 0,
......@@ -311,7 +311,7 @@ export default {
this.MsgBus.$on("addTicketOrderBoxOpen", function(GuestId) {
$this.GuestId = GuestId;
$this.dialogTicketOrderVisible = true;
this.dialogTicketOrderVisibleName = "新建订单";
this.dialogTicketOrderVisibleName = "新建机票订单";
});
this.MsgBus.$on("closeTicketOrderDialogBox", function() {
$this.dialogTicketOrderVisible = false;
......
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