Skip to content

C
CRM
Commit b4ec03f7 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 3f2827b4
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 430 additions and 168 deletions
src/components/clueManagement/clueManagement.vue
View file @ b4ec03f7
......@@ -108,6 +108,16 @@
:height="sceneList.length > 0 ? '600' : '660'" border row-class-name="font-size-12"
@selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="40"></el-table-column>
<el-table-column prop="ClueState" label="线索状态" show-overflow-tooltip>
<template slot-scope="scope">
<template v-if="scope.row.ClueState==1">
正常
</template>
<template v-else-if="scope.row.ClueState==2">
无效
</template>
</template>
</el-table-column>
<el-table-column prop="ClueName" label="线索名称" v-if="queryType[0].show" show-overflow-tooltip>
<template slot-scope="scope">
<p @click="openDetails(scope)" class="font-color-link cp">
......@@ -184,11 +194,11 @@
@size-change="handleSizeChange" :total="total">
</el-pagination>
</div>
<el-drawer :with-header="false" size='70%' :visible.sync="drawer" direction="rtl" :before-close="handleClose">
<el-drawer :with-header="false" size='70%' :visible.sync="isShowCustomerInfo" 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">
<el-drawer :with-header="false" size='70%' :visible.sync="isShowGuestInfo" direction="rtl" :before-close="handleClose">
<guestInfoBox :CustomerId="CustomerId" @transferS="transfer" @deleteClue="deleteClue" @watersS="waters"
@editCustS="editCust" />
</el-drawer>
......@@ -246,7 +256,7 @@
return {
ruleList: [],
guestDialogBoxShow: false,
drawer2: false,
isShowGuestInfo: false,//是否显示直客弹窗
activeMenu: 1,
queryType2: [{
label: '线索名称',
......@@ -326,7 +336,7 @@
CustomerIdStr: '',
transferVisible: false,
mySelectCtrl: false,
drawer: false,
isShowCustomerInfo: false,//是否显示客户弹窗
loading: true,
dialogTableVisible: false,
dialogTableVisibleName: '新建线索',
......@@ -499,8 +509,8 @@
}, res => {
if (res.data.resultCode == 1) {
if (type === 1) {} {
this.drawer = false
this.drawer2 = false
this.isShowCustomerInfo = false
this.isShowGuestInfo = false
}
this.multipleSelection = []
this.$message.success(res.data.message);
......@@ -545,8 +555,8 @@
this.apipost('/api/Customer/UpdateCustomerClue', msg, res => {
if (res.data.resultCode == 1) {
if (type === 1) {} {
this.drawer = false
this.drawer2 = false
this.isShowCustomerInfo = false
this.isShowGuestInfo = false
}
this.multipleSelection = []
this.$message.success(res.data.message);
......@@ -621,8 +631,8 @@
this.multipleSelection = []
this.transferVisible = false
if (type === 3) {} {
this.drawer = false
this.drawer2 = false
this.isShowCustomerInfo = false
this.isShowGuestInfo = false
}
this.$message.success(res.data.message);
this.getList()
......@@ -653,9 +663,9 @@
this.CustomerId = scope.row.CustomerId
this.CustomerName = scope.row.CustomerName
if (this.msg.CustomerType === 0) {
this.drawer = true
this.isShowCustomerInfo = true
} else {
this.drawer2 = true
this.isShowGuestInfo = true
}
},
// 获取是否开启规则
......
src/components/clueManagement/invalidDialogBox.vue 0 → 100644
View file @ b4ec03f7
<style>
.invalidDialogBox.add-box .add-tit {
display: flex;
justify-content: space-between;
align-items: center;
height: 20px;
}
.invalidDialogBox.add-box .add-tit p {
display: flex;
align-items: center;
font-weight: bold;
color: rgba(17, 17, 17, 1);
font-size: 14px;
}
.invalidDialogBox.add-box .add-tit p span {
display: inline-block;
width: 6px;
height: 6px;
background: #409efe;
border-radius: 50%;
margin-right: 10px;
}
.invalidDialogBox.add-box .el-dialog__header {
padding: 15px 20px;
background: rgba(255, 255, 255, 1);
}
.invalidDialogBox.add-box .dialog-footer {
text-align: center;
background-color: rgba(248, 250, 251, 1);
padding-bottom: 20px;
}
.invalidDialogBox.add-box .el-dialog__footer {
padding: 0;
}
.invalidDialogBox.add-box .el-dialog__body {
background-color: rgba(248, 250, 251, 1);
padding-top: 20px;
max-height: 400px;
overflow: auto;
}
.invalidDialogBox .add-box-btn.el-button {
border-radius: 0;
background-color: #409efecc;
border-color: #409efecc;
color: white;
padding: 12px 43px;
}
.invalidDialogBox .add-box-btn.el-button:hover {
background-color: #409efe;
border-color: #409efe;
color: white;
}
.invalidDialogBox .add-box-btn.el-button.add-box-cancel {
color: #409efecc;
background-color: white;
}
.invalidDialogBox .add-box-btn.el-button.add-box-cancel:hover {
color: #409efe;
background-color: white;
}
.invalidDialogBox .el-input .el-input-group__append {
background-color: #409efe;
border-color: #409efe;
color: #fff;
}
.invalidDialogBox .form-box .form-box-tit {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.invalidDialogBox .form-box .radius {
display: flex;
width: 4px;
height: 4px;
background: rgba(255, 164, 117, 1);
border-radius: 50%;
margin-right: 10px;
}
.invalidDialogBox .up-img-box .uib-item {
margin-right: 30px;
width: 130px;
height: 130px;
background-color: white;
position: relative;
margin-bottom: 30px;
}
.invalidDialogBox .up-img-box .uib-item p {
position: absolute;
bottom: -30px;
font-size: 12px;
text-align: center;
width: 100%;
}
.invalidDialogBox .up-img-box .uib-item:hover .imgzhe-btn {
opacity: 1;
}
.invalidDialogBox .imgzhe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.invalidDialogBox .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;
}
.invalidDialogBox .imgzhe .imgzhe-btn i {
font-size: 22px;
margin-right: 5px;
color: white;
cursor: pointer;
}
.invalidDialogBox .up-ctrl {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.invalidDialogBox .up-ctrl>div {
width: 100%;
height: 100%;
text-align: center;
line-height: 140px;
}
</style>
<template>
<el-dialog :visible.sync="dialogTableVisible" @closed="closedDialog"
class="add-box add-box1 invalidDialogBox" width="450px">
<div class="add-tit" slot="title">
<p><span></span>无效线索弹窗</p>
<span icon="el-icon-close"></span>
</div>
<div class="form-box">
<el-form ref="form" class="MyEditForm">
<el-row>
<el-col :span="24">
<div class="MyEditForm-item label-pad-left">
<el-form-item label="无效说明">
<el-input type="textarea" placeholder="无效说明" v-model="saveMsg.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="SaveInvalid()">确 定</el-button>
<el-button class="add-box-btn add-box-cancel" @click="dialogTableVisible = false">关 闭
</el-button>
</div>
</el-dialog>
</template>
<script>
export default {
props: {
guestInfo: {
type: Object,
default: null,
},
},
data() {
return {
dialogTableVisible: false,
saveMsg: {
CustomerId: 0,
GueustId: 0,
Remark: ""
}
};
},
mounted() {
console.log("this.guestInfo", this.guestInfo);
let $this = this;
setTimeout(() => {
$this.dialogTableVisible = true;
}, 50);
},
methods: {
closedDialog() {
this.MsgBus.$emit("closeCustomerDialogBox");
},
//保存无效线索
SaveInvalid() {
},
},
};
</script>
\ 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