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 { ...@@ -97,7 +97,7 @@ export default {
}, },
addBusiness() { addBusiness() {
let $this = this; let $this = this;
this.MsgBus.$emit("addBusinessBoxOpen", $this.ID, 0, true); this.MsgBus.$emit("addTicketOrderBoxOpen", $this.ID, 0, true);
}, },
guanlian() {}, guanlian() {},
jiechuguanlian() {}, jiechuguanlian() {},
......
src/components/guestManagement/guestManagement.vue
View file @ 50716234
<style> <style>
@import '../../assets/css/customerManage.css'; @import "../../assets/css/customerManage.css";
.el-table__fixed-body-wrapper table { .el-table__fixed-body-wrapper table {
padding-bottom: 8px!important; padding-bottom: 8px !important;
} }
</style> </style>
<template> <template>
<div class="customerManage"> <div class="customerManage">
...@@ -116,8 +116,10 @@ ...@@ -116,8 +116,10 @@
width="120" width="120"
v-if="queryType[0].show" v-if="queryType[0].show"
show-overflow-tooltip> show-overflow-tooltip>
<template @click="openDetails(scope)" slot-scope="scope"> <template slot-scope="scope">
<p class="font-color-link cp">{{scope.row.GusetName}}</p> <div style="width:100%;min-height:38px" class="cp" @click="openDetails(scope)">
<p class="font-color-link cp">{{scope.row.GusetName}}</p>
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="MobilePhone" label="手机号码" width="120" v-if="queryType[1].show" show-overflow-tooltip> <el-table-column prop="MobilePhone" label="手机号码" width="120" v-if="queryType[1].show" show-overflow-tooltip>
...@@ -243,466 +245,555 @@ ...@@ -243,466 +245,555 @@
</div> </div>
</template> </template>
<script> <script>
import mySelect from "../dialogModel/select"; import mySelect from "../dialogModel/select";
import customerInfoBox from "./customerInfoBox"; import customerInfoBox from "./customerInfoBox";
import customerDialogBox from "./customerDialogBox"; import customerDialogBox from "./customerDialogBox";
export default { export default {
components: { components: {
mySelect, mySelect,
customerInfoBox, customerInfoBox,
customerDialogBox customerDialogBox,
}, },
data() { data() {
return { return {
queryType2: [{ queryType2: [
label: '客户名称', {
show: true, label: "客户名称",
}, { show: true,
label: '手机号码', },
show: true, {
}, { label: "手机号码",
label: '地址', show: true,
show: true, },
}, { {
label: '客户来源', label: "地址",
show: true, show: true,
}, { },
label: '参团数', {
show: true, label: "客户来源",
}, { show: true,
label: '商机数', },
show: true, {
}, { label: "参团数",
label: '总评分', show: true,
show: true, },
}, { {
label: '客户等级', label: "商机数",
show: true, show: true,
}, { },
label: '余额', {
show: true, label: "总评分",
}, { show: true,
label: '最后更新时间', },
show: true, {
}, { label: "客户等级",
label: '负责人', show: true,
show: true, },
}, { {
label: '创建时间', label: "余额",
show: true, show: true,
}, { },
label: '创建人', {
show: true, label: "最后更新时间",
}, { show: true,
label: '生日', },
show: true, {
}, { label: "负责人",
label: '是否结婚', show: true,
show: true, },
}, { {
label: '职务', label: "创建时间",
show: true, show: true,
}, { },
label: '是否高中生', {
show: true, label: "创建人",
}, { show: true,
label: '身份证', },
show: true, {
}, { label: "生日",
label: '护照号', show: true,
show: true, },
}, { {
label: '护照签发地', label: "是否结婚",
show: true, show: true,
}, { },
label: '护照签发日期', {
show: true, label: "职务",
}, { show: true,
label: '护照过期时间', },
show: true, {
}, { label: "是否高中生",
label: '签发机关', show: true,
show: true, },
}, { {
label: '备注', label: "身份证",
show: true, show: true,
}, { },
label: '订单交易数', {
show: true, label: "护照号",
}, { show: true,
label: '订单金额', },
show: true, {
}, { label: "护照签发地",
label: '出境记录', show: true,
show: true, },
}, { {
label: '家庭详细地址 ', label: "护照签发日期",
show: true, show: true,
}, { },
label: '出生地点', {
show: true, label: "护照过期时间",
}, { show: true,
label: '经济能力确认', },
show: true, {
}, { label: "签发机关",
label: '是否推存', show: true,
show: true, },
}], {
queryType: [{ label: "备注",
label: '客户名称', show: true,
show: true, },
}, { {
label: '手机号码', label: "订单交易数",
show: true, show: true,
}, { },
label: '地址', {
show: true, label: "订单金额",
}, { show: true,
label: '客户来源', },
show: true, {
}, { label: "出境记录",
label: '参团数', show: true,
show: true, },
}, { {
label: '商机数', label: "家庭详细地址 ",
show: true, show: true,
}, { },
label: '总评分', {
show: true, label: "出生地点",
}, { show: true,
label: '客户等级', },
show: true, {
}, { label: "经济能力确认",
label: '余额', show: true,
show: true, },
}, { {
label: '最后更新时间', label: "是否推存",
show: true, show: true,
}, { },
label: '负责人', ],
show: true, queryType: [
}, { {
label: '创建时间', label: "客户名称",
show: true, show: true,
}, { },
label: '创建人', {
show: true, label: "手机号码",
}, { show: true,
label: '生日', },
show: true, {
}, { label: "地址",
label: '是否结婚', show: true,
show: true, },
}, { {
label: '职务', label: "客户来源",
show: true, show: true,
}, { },
label: '是否高中生', {
show: true, label: "参团数",
}, { show: true,
label: '身份证', },
show: true, {
}, { label: "商机数",
label: '护照号', show: true,
show: true, },
}, { {
label: '护照签发地', label: "总评分",
show: true, show: true,
}, { },
label: '护照签发日期', {
show: true, label: "客户等级",
}, { show: true,
label: '护照过期时间', },
show: true, {
}, { label: "余额",
label: '签发机关', show: true,
show: true, },
}, { {
label: '备注', label: "最后更新时间",
show: true, show: true,
}, { },
label: '订单交易数', {
show: true, label: "负责人",
}, { show: true,
label: '订单金额', },
show: true, {
}, { label: "创建时间",
label: '出境记录', show: true,
show: true, },
}, { {
label: '家庭详细地址 ', label: "创建人",
show: true, show: true,
}, { },
label: '出生地点', {
show: true, label: "生日",
}, { show: true,
label: '经济能力确认', },
show: true, {
}, { label: "是否结婚",
label: '是否推存', show: true,
show: true, },
}], {
CustomerId: 0, label: "职务",
CustomerIdStr: '', show: true,
transferVisible: false, },
mySelectCtrl: false, {
drawer: false, label: "是否高中生",
loading: true, show: true,
dialogTableVisible: false, },
dialogTableVisibleName: '新建直客', {
tableData: [], label: "身份证",
multipleSelection: [], show: true,
EmployeeList: [], },
value: '', {
userInfo: {}, label: "护照号",
transferMsg: { show: true,
IDs: [], },
EmpId: '', {
}, label: "护照签发地",
msg: { show: true,
GusetName: '', },
pageIndex: 1, {
pageSize: 30, label: "护照签发日期",
ContactNumber: '', show: true,
WhereType: -1, },
OrderBy: '', {
ID: 36 label: "护照过期时间",
}, show: true,
total: 0, },
WhereTypeList: [{ {
id: -1, label: "签发机关",
name: '全部' show: true,
}, { },
id: 1, {
name: '我负责的' label: "备注",
}, { show: true,
id: 2, },
name: '下属的' {
}, { label: "订单交易数",
id: 3, show: true,
name: '我关注的' },
}, ], {
selectionList: [{ label: "订单金额",
name: '转移', show: true,
class: 'iconfont iconplus-transfer', },
myFun: this.transfer {
}, { label: "出境记录",
name: '删除', show: true,
class: 'iconfont icondelete', },
myFun: this.delete {
}, ], label: "家庭详细地址 ",
sceneList: [], show: true,
SceneEmployeeList: [], },
sceneID: 36, {
visible: false, label: "出生地点",
}; show: true,
}, },
mounted() { {
this.userInfo = this.getLocalStorage(); label: "经济能力确认",
console.log(this.queryType) show: true,
this.getList() },
this.Employee() {
let $this = this label: "是否推存",
this.MsgBus.$on('closeCustomerDialogBox', function() { show: true,
$this.dialogTableVisible = false },
}) ],
this.GetSceneEmployeeList() CustomerId: 0,
this.MsgBus.$on('sceneSave', function(msg) { CustomerIdStr: "",
$this.sceneList = [...msg] transferVisible: false,
$this.GetSceneEmployeeList() mySelectCtrl: false,
let obj = {} drawer: false,
msg.forEach(element => { loading: true,
obj[element.name] = element dialogTableVisible: false,
}); dialogTableVisibleName: "新建直客",
$this.msg.Data = obj tableData: [],
$this.getList() multipleSelection: [],
}) EmployeeList: [],
this.MsgBus.$on('editScene', function() { value: "",
console.log(1) userInfo: {},
$this.GetSceneEmployeeList() transferMsg: {
}) IDs: [],
}, EmpId: "",
beforeDestroy() { },
this.MsgBus.$off('sceneSave'); msg: {
this.MsgBus.$off('editScene'); GusetName: "",
}, pageIndex: 1,
methods: { pageSize: 30,
handleCommand(command) { ContactNumber: "",
this.$message.warning('功能正在开发中~'); WhereType: -1,
}, OrderBy: "",
changeWhere(item) { ID: 36,
this.msg.ID = item.ID },
this.sceneID = item.ID total: 0,
this.msg.Data = item.WhereData ? JSON.parse(item.WhereData) : {} WhereTypeList: [
this.msg.WhereType = item.WhereType {
this.visible = false id: -1,
this.getList() name: "全部",
}, },
GetSceneEmployeeList() { {
this.apipost('/api/Scene/GetSceneEmployeeList', { id: 1,
LableType: 5 name: "我负责的",
}, res => { },
if (res.data.resultCode == 1) { {
this.SceneEmployeeList = res.data.data id: 2,
} name: "下属的",
}) },
}, {
deleteScene(index) { id: 3,
this.sceneList.splice(index, 1) name: "我关注的",
let obj = {} },
this.sceneList.forEach(element => { ],
obj[element.name] = element selectionList: [
}); {
this.msg.Data = obj name: "转移",
this.getList() class: "iconfont iconplus-transfer",
}, myFun: this.transfer,
getMarriageStr(type) { },
if (type === 5) return '其他' {
if (type === 4) return '丧偶' name: "删除",
if (type === 3) return '未婚' class: "iconfont icondelete",
if (type === 2) return '离婚' myFun: this.delete,
if (type === 1) return '已婚' },
if (type === 0) return '无' ],
}, sceneList: [],
Employee() { SceneEmployeeList: [],
let msg = { sceneID: 36,
RB_Group_id: this.userInfo.RB_Group_id, visible: false,
BranchId: -1, };
DepartmentId: 0, },
PostId: 0, mounted() {
IsLeave: 0, this.userInfo = this.getLocalStorage();
} console.log(this.queryType);
this.apipost2( this.getList();
"admin_get_EmployeeGetList", this.Employee();
this.msg, let $this = this;
res => { this.MsgBus.$on("closeCustomerDialogBox", function() {
if (res.data.resultCode == 1) { $this.dialogTableVisible = false;
this.EmployeeList = res.data.data; });
} else {} this.GetSceneEmployeeList();
}, this.MsgBus.$on("sceneSave", function(msg) {
err => {} $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() { locking() {
console.log('锁定') console.log("锁定");
}, },
//解锁 //解锁
Unlock() { Unlock() {
console.log('解锁') console.log("解锁");
}, },
//删除团队成员 //删除团队成员
delCust() { delCust() {
console.log('删除团队成员') console.log("删除团队成员");
}, },
//删除 //删除
delete() { delete() {
console.log('删除') console.log("删除");
}, },
//导出 //导出
export () { export() {
console.log('导出') console.log("导出");
}, },
// 更改状态 // 更改状态
changeState() { changeState() {
console.log('更改状态') console.log("更改状态");
}, },
// 关注 // 关注
CareforCustomer(scope) { CareforCustomer(scope) {
this.apipost('/api/Customer/CareforGuesstCustomer', { this.apipost(
ID: scope.row.ID "/api/Customer/CareforGuesstCustomer",
}, res => { {
if (res.data.resultCode == 1) { ID: scope.row.ID,
this.$message.success('操作成功'); },
this.getList() (res) => {
} if (res.data.resultCode == 1) {
}) this.$message.success("操作成功");
}, this.getList();
// 转移 }
transfer(type) { }
if (type !== 2) { );
if (type === 3) { },
this.multipleSelection.push(this.CustomerId) // 转移
} transfer(type) {
this.transferVisible = true if (type !== 2) {
} else { if (type === 3) {
if (this.transferMsg.EmpId === '') { this.multipleSelection.push(this.CustomerId);
return this.$message.error('请选择变更负责人！') }
} this.transferVisible = true;
let str = '' } else {
this.multipleSelection.map((x, i) => { if (this.transferMsg.EmpId === "") {
str = str + x + ',' return this.$message.error("请选择变更负责人！");
}) }
this.transferMsg.IDs = str.substring(0, str.length - 1) let str = "";
this.apipost('/api/Customer/TransferGuesstCustomer', this.transferMsg, res => { this.multipleSelection.map((x, i) => {
if (res.data.resultCode == 1) { str = str + x + ",";
this.multipleSelection = [] });
this.transferVisible = false this.transferMsg.IDs = str.substring(0, str.length - 1);
if (type === 3) {} { this.apipost(
this.drawer = false "/api/Customer/TransferGuesstCustomer",
} this.transferMsg,
this.$message.success(res.data.message); (res) => {
this.getList() if (res.data.resultCode == 1) {
this.transferMsg = { this.multipleSelection = [];
IDs: [], this.transferVisible = false;
EmpId: '' if (type === 3) {
} }
} {
}) this.drawer = false;
} }
console.log('转移') this.$message.success(res.data.message);
}, this.getList();
showMessageFromChild(list) { this.transferMsg = {
this.mySelectCtrl = !this.mySelectCtrl IDs: [],
if (list) { EmpId: "",
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
)
} }
}
);
}
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> <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> </template>
<script> <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> </script>
<style>
</style>
src/views/index.vue
View file @ 50716234
...@@ -248,7 +248,7 @@ export default { ...@@ -248,7 +248,7 @@ export default {
url: "", url: "",
showViewer: false, showViewer: false,
dialogBusinessVisible: false, dialogBusinessVisible: false,
dialogTicketOrderVisibleName: "新建商机", dialogTicketOrderVisibleName: "新建机票订单",
dialogTicketOrderVisible: false, dialogTicketOrderVisible: false,
CustomerId: 0, CustomerId: 0,
ContactId: 0, ContactId: 0,
...@@ -311,7 +311,7 @@ export default { ...@@ -311,7 +311,7 @@ export default {
this.MsgBus.$on("addTicketOrderBoxOpen", function(GuestId) { this.MsgBus.$on("addTicketOrderBoxOpen", function(GuestId) {
$this.GuestId = GuestId; $this.GuestId = GuestId;
$this.dialogTicketOrderVisible = true; $this.dialogTicketOrderVisible = true;
this.dialogTicketOrderVisibleName = "新建订单"; this.dialogTicketOrderVisibleName = "新建机票订单";
}); });
this.MsgBus.$on("closeTicketOrderDialogBox", function() { this.MsgBus.$on("closeTicketOrderDialogBox", function() {
$this.dialogTicketOrderVisible = false; $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