Commit 4d881832 authored by 黄奎's avatar 黄奎

页面修改

parent c4c95c6d
......@@ -52,7 +52,7 @@
<categoryEdit-form v-if="isShowCategoryForm" :customerObj="customerObj" @close="closeCustomForm"
@success="refreshQuestion">
</categoryEdit-form>
<peerRight v-if="isShowDetailForm" :rowId="curRowId" @close="closeCustomForm" :auth="AuthorityObj" @success="refreshQuestion"></peerRight>
<peerRight v-if="isShowDetailForm" :CategoryId="CategoryId" @close="closeCustomForm" :auth="AuthorityObj" @success="refreshQuestion"></peerRight>
</div>
</template>
<script>
......@@ -136,7 +136,7 @@
isShowRebate: false //是否显示返佣
},
isShowDetailForm:false,
curRowId:0
CategoryId:0
};
},
created() {
......@@ -204,8 +204,7 @@
},
//客户详情
showDetail(row) {
console.log(row);
this.curRowId = row.CategoryId;
this.CategoryId = row.CategoryId;
this.isShowDetailForm = true;
}
}
......
<template>
<q-dialog
v-model="persistent"
maximized
full-height
seamless
position="right"
@hide="closeAuditCustomerForm"
>
<q-dialog v-model="persistent" maximized full-height seamless position="right" @hide="closeAuditCustomerForm">
<div class="info-content-component">
<div class="info-head flex items-center">
<div class="flex items-center">
......@@ -23,194 +16,196 @@
<baseInfo :Data="detailData" @confirm="saveBaseInfo"></baseInfo>
</div>
<div class="detail-log">
<right :Id="rowId"></right>
<right :Id="CategoryId"></right>
</div>
</div>
</div>
<div
class="dialog-out-close"
@click="closeAuditCustomerForm"
style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;"
>
<div class="dialog-out-close" @click="closeAuditCustomerForm"
style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;">
<q-icon name="iconfont icon-jujue1" size="26px" />
</div>
</q-dialog>
</template>
<script>
import { GetCustomer, SetCustomer ,RemoveCustomer,setCustomerCareOf} from "../../../api/sale/peemanagement";
import {
queryCustomerCategory,
saveCustomerCategory
} from "../../../api/users/user"
import baseInfo from "./baseInfo.vue";
import right from "./conRight.vue";
export default {
components: {
baseInfo,
right
},
props: {
rowId: {
type: Number,
default: 0
import {
GetCustomer,
SetCustomer,
RemoveCustomer,
setCustomerCareOf
} from "../../../api/sale/peemanagement";
import {
queryCustomerCategory,
saveCustomerCategory
} from "../../../api/users/user"
import baseInfo from "./baseInfo.vue";
import right from "./conRight.vue";
export default {
components: {
baseInfo,
right
},
auth: {
type: Object,
default: null
}
},
data() {
return {
persistent: true,
detailData: {},
//员工列表
employeeList: [],
myEmployeeList: [],
isShowTrans: false,
TransferMsg: {
CustomerIds: "",
EmpId: ""
props: {
CategoryId: {
type: Number,
default: 0
},
auth: {
type: Object,
default: null
}
};
},
mounted() {
this.initObj();
this.employeeList = this.empList;
this.myEmployeeList = this.empList;
},
methods: {
//关闭弹窗
closeAuditCustomerForm() {
this.$emit("close");
this.persistent = false;
},
//初始化表单
initObj() {
if (this.rowId > 0) {
let msg = {
CategoryId: this.rowId
};
queryCustomerCategory(msg).then(res => {
if (res.Code == 1) {
console.log(res,'数据');
this.detailData = res.Data;
}
});
} else {
}
},
saveBaseInfo(obj) {
this.detailData[obj.field] = obj.val;
console.log(this.detailData,'this.detailData');
let msg = {
CategoryName:this.detailData.CategoryName,
CatetoryType:this.detailData.CatetoryType,
CategoryId:this.detailData.CategoryId,
linkMan:'',
linkTel:''
}
saveCustomerCategory(msg).then(res => {
if (res.Code == 1) {
this.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "数据保存成功!",
position: "top"
});
this.$emit("success");
data() {
return {
persistent: true,
detailData: {},
//员工列表
employeeList: [],
myEmployeeList: [],
isShowTrans: false,
TransferMsg: {
CustomerIds: "",
EmpId: ""
}
});
};
},
//删除客户
RemoveCustomer(obj) {
let that = this;
var message =
"您正在进行删除【" +
this.detailData.CustomerName +
"】行为,一旦执行无法找回,是否确认执行?";
this.$q
.dialog({
title: "删除客户",
message: message,
isShowEditClassRoomForm: true,
cancel: {
label: "取消",
flat: true
},
ok: {
label: "确认",
flat: true,
focus: true
}
})
.onOk(() => {
var delMsg = {
CustomerId: this.detailData.CustomerId
mounted() {
this.initObj();
this.employeeList = this.empList;
this.myEmployeeList = this.empList;
},
methods: {
//关闭弹窗
closeAuditCustomerForm() {
this.$emit("close");
this.persistent = false;
},
//初始化表单
initObj() {
if (this.rowId > 0) {
let msg = {
CategoryId: this.rowId
};
RemoveCustomer(delMsg).then(res => {
queryCustomerCategory(msg).then(res => {
if (res.Code == 1) {
that.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "操作成功",
position: "top"
});
that.$emit("success");
that.closeAuditCustomerForm()
console.log(res, '数据');
this.detailData = res.Data;
}
});
} else {
}
},
saveBaseInfo(obj) {
this.detailData[obj.field] = obj.val;
console.log(this.detailData, 'this.detailData');
let msg = {
CategoryName: this.detailData.CategoryName,
CatetoryType: this.detailData.CatetoryType,
CategoryId: this.detailData.CategoryId,
linkMan: '',
linkTel: ''
}
saveCustomerCategory(msg).then(res => {
if (res.Code == 1) {
this.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "数据保存成功!",
position: "top"
});
this.$emit("success");
}
});
},
}
};
},
//删除客户
RemoveCustomer(obj) {
let that = this;
var message =
"您正在进行删除【" +
this.detailData.CustomerName +
"】行为,一旦执行无法找回,是否确认执行?";
this.$q
.dialog({
title: "删除客户",
message: message,
isShowEditClassRoomForm: true,
cancel: {
label: "取消",
flat: true
},
ok: {
label: "确认",
flat: true,
focus: true
}
})
.onOk(() => {
var delMsg = {
CustomerId: this.detailData.CustomerId
};
RemoveCustomer(delMsg).then(res => {
if (res.Code == 1) {
that.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "操作成功",
position: "top"
});
that.$emit("success");
that.closeAuditCustomerForm()
}
});
});
},
}
};
</script>
<style lang="scss" scoped>
.info-content-component {
display: flex;
flex-direction: column;
width: 1010px;
padding: 15px 17px;
background-color: #f4f4f6;
overflow: auto;
box-sizing: border-box;
.info-head {
background-color: #fff;
border-radius: 8px;
padding: 22px;
}
.info-content {
flex: 1;
.info-content-component {
display: flex;
margin-top: 17px;
overflow: hidden;
flex-direction: column;
width: 1010px;
padding: 15px 17px;
background-color: #f4f4f6;
overflow: auto;
box-sizing: border-box;
.detail-info {
flex-shrink: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
width: 350px;
height: 100%;
margin-right: 13px;
.info-head {
background-color: #fff;
border-radius: 8px 8px 0 0;
border-radius: 8px;
padding: 22px;
}
.detail-log {
width: 100%;
flex-grow: 1;
.info-content {
flex: 1;
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 8px 8px 0 0;
margin-top: 17px;
overflow: hidden;
.detail-info {
flex-shrink: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
width: 350px;
height: 100%;
margin-right: 13px;
background-color: #fff;
border-radius: 8px 8px 0 0;
}
.detail-log {
width: 100%;
flex-grow: 1;
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 8px 8px 0 0;
overflow: hidden;
}
}
}
}
</style>
</style>
\ No newline at end of file
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