|
|
|
@@ -0,0 +1,283 @@ |
|
|
|
<template> |
|
|
|
<div class="pages"> |
|
|
|
<div class="head-line"> |
|
|
|
<div class="title">客户等级</div> |
|
|
|
<div class="title"> |
|
|
|
<el-button type="primary" @click="showAdd">设置意向区间</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="boy"> |
|
|
|
<el-table :data="tableData" style="width: 100%; height: 100%"> |
|
|
|
<el-table-column type="index" label="序号" width="90"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="customerLevel" label="等级"> </el-table-column> |
|
|
|
<el-table-column prop="name" label="画像意向区间"> |
|
|
|
<template slot-scope="{ row }"> |
|
|
|
{{ row.startFraction || 0 }} ~ {{ row.endFraction || 0 }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="customerCount" |
|
|
|
style="color: #2671e2" |
|
|
|
label="关联客户" |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-dialog |
|
|
|
title="设置" |
|
|
|
:visible.sync="dialogFormVisible" |
|
|
|
width="500px" |
|
|
|
center |
|
|
|
:close-on-click-modal="false" |
|
|
|
> |
|
|
|
<div class=""> |
|
|
|
<el-table :data="addFormList" style="width: 100%"> |
|
|
|
<el-table-column label="等级" prop="title"> </el-table-column> |
|
|
|
<el-table-column label="最低意向" prop="startFraction"> |
|
|
|
<template slot-scope="{ row }"> |
|
|
|
<el-input |
|
|
|
type="number" |
|
|
|
:disabled="row.disabled" |
|
|
|
v-model="row.startFraction" |
|
|
|
placeholder="请输入最低意向" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="最高意向" prop="endFraction"> |
|
|
|
<template slot-scope="{ row }"> |
|
|
|
<el-input |
|
|
|
v-if="row.endFraction == 100" |
|
|
|
disabled |
|
|
|
type="number" |
|
|
|
v-model="row.endFraction" |
|
|
|
placeholder="请输入最高意向" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
<el-input |
|
|
|
v-else |
|
|
|
type="text" |
|
|
|
@change="endFractionChange(row)" |
|
|
|
maxlength="2" |
|
|
|
@keyup="value = value.replace(/[^\d]/g, '')" |
|
|
|
@afterpaste="value = value.replace(/[^\d]/g, '')" |
|
|
|
v-model="row.endFraction" |
|
|
|
placeholder="请输入最高意向" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="dialogFormVisible = false">取 消</el-button> |
|
|
|
<el-button type="primary" @click="submit">确 定</el-button> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
houseId: localStorage.getItem("houseId"), // 项目id |
|
|
|
tableData: [], // 表格数据 |
|
|
|
dialogFormVisible: false, // 客户需求等级 |
|
|
|
|
|
|
|
addFormList: [ |
|
|
|
{ |
|
|
|
title: "A", // abcd四个等级 |
|
|
|
customerLevel: 1, |
|
|
|
customerLevelName: "A", |
|
|
|
startFraction: "", |
|
|
|
endFraction: 100, |
|
|
|
disabled: true, // 是否禁用 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: "B", // abcd四个等级 |
|
|
|
customerLevel: 2, |
|
|
|
customerLevelName: "B", |
|
|
|
startFraction: "", |
|
|
|
endFraction: "", |
|
|
|
disabled: true, // 是否禁用 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: "C", // abcd四个等级 |
|
|
|
customerLevel: 3, |
|
|
|
customerLevelName: "C", |
|
|
|
startFraction: "", |
|
|
|
endFraction: "", |
|
|
|
disabled: true, // 是否禁用 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: "D", // abcd四个等级 |
|
|
|
customerLevel: 4, |
|
|
|
customerLevelName: "D", |
|
|
|
startFraction: 0, |
|
|
|
endFraction: "", |
|
|
|
disabled: true, // 是否禁用 |
|
|
|
}, |
|
|
|
], |
|
|
|
}; |
|
|
|
}, |
|
|
|
computed: {}, |
|
|
|
created() {}, |
|
|
|
mounted() { |
|
|
|
this.customerLevelList(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 修改值 |
|
|
|
endFractionChange(data) { |
|
|
|
console.log(data); |
|
|
|
var index = this.addFormList.findIndex( |
|
|
|
(item) => item.customerLevel == data.customerLevel |
|
|
|
); |
|
|
|
if (data.endFraction) { |
|
|
|
this.addFormList[index - 1].startFraction = data.endFraction * 1 + 1; |
|
|
|
} |
|
|
|
}, |
|
|
|
resetParams() { |
|
|
|
this.addFormList = [ |
|
|
|
{ |
|
|
|
title: "A", // abcd四个等级 |
|
|
|
customerLevel: 1, |
|
|
|
customerLevelName: "A", |
|
|
|
startFraction: "", |
|
|
|
endFraction: 100, |
|
|
|
disabled: true, // 是否禁用 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: "B", // abcd四个等级 |
|
|
|
customerLevel: 2, |
|
|
|
customerLevelName: "B", |
|
|
|
startFraction: "", |
|
|
|
endFraction: "", |
|
|
|
disabled: true, // 是否禁用 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: "C", // abcd四个等级 |
|
|
|
customerLevel: 3, |
|
|
|
customerLevelName: "C", |
|
|
|
startFraction: "", |
|
|
|
endFraction: "", |
|
|
|
disabled: true, // 是否禁用 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: "D", // abcd四个等级 |
|
|
|
customerLevel: 4, |
|
|
|
customerLevelName: "D", |
|
|
|
startFraction: 0, |
|
|
|
endFraction: "", |
|
|
|
disabled: true, // 是否禁用 |
|
|
|
}, |
|
|
|
]; |
|
|
|
}, |
|
|
|
submit() { |
|
|
|
let arr = []; |
|
|
|
try { |
|
|
|
this.addFormList.forEach((item) => { |
|
|
|
if (!item.startFraction && item.customerLevel != 4) { |
|
|
|
throw new Error(item.title + "," + "startFraction"); |
|
|
|
} else if (!item.endFraction) { |
|
|
|
throw new Error(item.title + "," + "endFraction"); |
|
|
|
} else { |
|
|
|
arr.push({ |
|
|
|
houseId: localStorage.getItem("houseId"), |
|
|
|
startFraction: Number(item.startFraction), |
|
|
|
endFraction: Number(item.endFraction), |
|
|
|
customerLevel: item.customerLevel, |
|
|
|
}); |
|
|
|
} |
|
|
|
}); |
|
|
|
} catch (e) { |
|
|
|
let title = e.message.split(",")[0]; |
|
|
|
let value = |
|
|
|
e.message.split(",")[1] == "startFraction" ? "最低意向" : "最高意向"; |
|
|
|
this.$message.error("请填写等级" + title + "的" + value); |
|
|
|
return; |
|
|
|
} |
|
|
|
|
|
|
|
this.$api.http |
|
|
|
.customerLevelUpdate({ |
|
|
|
zkCustomerIntentionList: arr, |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
console.log(res, "sdkjal"); |
|
|
|
if (res.code == 0) { |
|
|
|
this.$message.success(res.msg); |
|
|
|
this.customerLevelList(); |
|
|
|
this.resetParams(); |
|
|
|
this.dialogFormVisible = false; |
|
|
|
} else { |
|
|
|
this.$message.error(res.msg); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 修改意向等级 |
|
|
|
showAdd() { |
|
|
|
this.dialogFormVisible = true; |
|
|
|
}, |
|
|
|
|
|
|
|
// 客户意向等级列表 |
|
|
|
customerLevelList() { |
|
|
|
this.$api.http |
|
|
|
.customerLevelList({ |
|
|
|
houseId: this.houseId, |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
console.log(res, "asdkal;sdl;asklksl;kl;askl;asalk;s"); |
|
|
|
if (res.code == 0) { |
|
|
|
this.tableData = res.data; |
|
|
|
this.addFormList.forEach((objs) => { |
|
|
|
let add = res.data.find( |
|
|
|
(item) => objs.customerLevelName == item.customerLevel |
|
|
|
); |
|
|
|
if (add) { |
|
|
|
objs.startFraction = add.startFraction; |
|
|
|
objs.endFraction = add.endFraction; |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.pages { |
|
|
|
margin: 0 auto; |
|
|
|
padding: 0; |
|
|
|
width: 98%; |
|
|
|
|
|
|
|
input::-webkit-outer-spin-button, |
|
|
|
input::-webkit-inner-spin-button { |
|
|
|
-webkit-appearance: none !important; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.head-line { |
|
|
|
margin: 20px auto 20px; |
|
|
|
padding: 0 20px; |
|
|
|
width: 100%; |
|
|
|
height: 80px; |
|
|
|
background: #ffffff; |
|
|
|
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); |
|
|
|
border-radius: 8px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
|
|
|
|
.boy { |
|
|
|
padding: 20px; |
|
|
|
flex-grow: 1; |
|
|
|
background: #fff; |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
