Commit 685c5ec9 authored by zhengke's avatar zhengke

修改

parent cbccb7a8
<style>
.schedulVisit {
min-height: calc(100% - 30px);
padding: 15px;
margin-top: 30px;
border-radius: 8px;
background: #fff;
}
.schedulVisit .fangkeTitle {
color: #000000;
font-size: 18px;
font-weight: bold;
}
.schedulVisit .fangkeNumb {
display: inline-block;
background-color: #BCCEFD;
color: #2966FE;
font-size: 15px;
border-radius: 6px;
text-align: center;
line-height: 22px;
margin-left: 15px;
padding: 0px 6px;
}
.schedulVisit .visit_Date {
margin-left: 60px;
color: #000000;
font-size: 16px;
}
.schedulVisit .visit_Date i {
color: #B4B4B4;
margin-right: 10px;
}
.page-option .el-input__inner {
background-color: #F1F3F5;
border: 0;
height: 34px;
line-height: 34px;
border-radius: 10px;
}
.page-option .el-input__icon {
line-height: 34px;
}
.addVisit .bg-accent {
font-size: 12px !important;
border-radius: 10px;
background: linear-gradient(90deg, #2966FE, #2696FF) !important;
}
.schedul_Vtable tr th {
color: #8E8E8E;
}
.schedul_Vtable tr td {
color: #2D2D2D;
}
.visit_FORM .el-input__inner{
background: #F0F2F5;
border-radius: 10px;
height:34px;
line-height: 34px;
border:0;
}
.visit_FORM .el-input__icon{
line-height: 34px;
}
.schedulVisit .q-table{
padding-bottom:5px;
}
.schedulVisit .q-table tbody td:before{
background:''!important;
}
.schedulVisit .q-table tbody tr:hover{
box-shadow: 0px 2px 20px 0px #E4E7FB;
background: #fff;
border-radius: 16px
}
.schedulVisit .q-table tbody td:before{
background:transparent!important;
}
</style>
<template>
<div class="page-body">
<div class="schedulVisit">
<div class="page-content">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
class="stickycreatInsertStr-column-table" separator="none" :data="data" :columns="columns" row-key="name">
class="stickycreatInsertStr-column-table schedul_Vtable" separator="none" :data="data" :columns="columns"
row-key="name">
<template v-slot:top="props">
<div class="col-2 q-table__title" style="cursor:pointer">访客登记</div>
<div class="fangkeTitle" ref="fkdj">访客登记</div>
<span class="fangkeNumb">{{data.length}}</span>
<div class="visit_Date">
<i class="iconfont icon-img-rili" style=""></i>{{saveObj.PlanDate}}
</div>
<q-space />
<div class="page-option">
<q-btn color="accent" size="sm" icon="add" label="添加访客" />
<div class="page-option" style="margin-right:20px;width:250px;">
<el-input placeholder="姓名/电话/微信可查询" v-model="SearchKey">
<i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-input>
</div>
<div class="page-option addVisit">
<el-popover v-model="isShowVform" placement="left" popper-class="tufaPop" width="300" trigger="click">
<div>
<el-form label-width="70px" style="margin-top:10px;" class="visit_FORM">
<el-form-item label="姓名">
<el-input v-model="addMsg.Name" placeholder="请输入姓名"></el-input>
</el-form-item>
<el-form-item label="电话">
<el-input v-model="addMsg.Tel" placeholder="请输入电话号码"></el-input>
</el-form-item>
<el-form-item label="微信号">
<el-input v-model="addMsg.WeChatNum" placeholder="请输入微信号"></el-input>
</el-form-item>
<el-form-item label="兴趣课程">
<el-input v-model="addMsg.CourseName" placeholder="请输入兴趣课程"></el-input>
</el-form-item>
<el-form-item label="学习时间">
<el-input v-model="addMsg.StudyTime" placeholder="请输入学习时间"></el-input>
</el-form-item>
<el-form-item label="当前水平">
<el-select v-model="addMsg.LevelType" style="width:200px;" placeholder="请选择">
<el-option v-for="item in GBList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
</el-form>
<q-btn color="accent" size="sm" @click="isShowVform=!isShowVform,SaveVisitor()" style="float:right;margin-bottom:10px;" label="保存" />
</div>
<q-btn color="accent" slot="reference" size="sm" icon="add" label="添加访客" />
</el-popover>
</div>
</template>
<template v-slot:body-cell-VisitTimes="props">
<q-td :props="props">
<span>{{props.row.VisitTimes==0?'首次':props.row.VisitTimes}}</span>
</q-td>
</template>
<template v-slot:body-cell-VisitorStatus="props">
<q-td :props="props">
<span>{{props.row.VisitorStatusStr}}</span>
......@@ -21,8 +154,35 @@
</template>
<template v-slot:body-cell-optioned="props">
<q-td :props="props">
<q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑" @click="" />
<el-popover placement="left" popper-class="tufaPop" width="300" ref="popover2" trigger="click">
<div>
<el-form label-width="70px" style="margin-top:10px;" class="visit_FORM">
<el-form-item label="姓名">
<el-input v-model="addMsg.Name" placeholder="请输入姓名"></el-input>
</el-form-item>
<el-form-item label="电话">
<el-input v-model="addMsg.Tel" placeholder="请输入电话号码"></el-input>
</el-form-item>
<el-form-item label="微信号">
<el-input v-model="addMsg.WeChatNum" placeholder="请输入微信号"></el-input>
</el-form-item>
<el-form-item label="兴趣课程">
<el-input v-model="addMsg.CourseName" placeholder="请输入兴趣课程"></el-input>
</el-form-item>
<el-form-item label="学习时间">
<el-input v-model="addMsg.StudyTime" placeholder="请输入学习时间"></el-input>
</el-form-item>
<el-form-item label="当前水平">
<el-select v-model="addMsg.LevelType" style="width:200px;" placeholder="请选择">
<el-option v-for="item in GBList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
</el-form>
<q-btn color="accent" size="sm" @click="SaveVisitor()" style="float:right;margin-bottom:10px;" label="保存" />
</div>
<q-btn flat size="xs" icon="edit" slot="reference" @click="SetVisitor(props.row.Id)" color="accent" style="font-weight:400" label="编辑" />
</el-popover>
</q-td>
</template>
</q-table>
......@@ -50,7 +210,6 @@
},
data() {
return {
currentUrl: "",
columns: [{
name: 'Name',
label: '姓名',
......@@ -149,7 +308,20 @@
VisitorStatus: 0, //访客状态(1-正常,2-贵宾,3-黑名单)
Evaluate: "", //意向评估
Remark: "", //备注
}
},
statusList: [{
Id: 1,
Name: '正常'
}, {
Id: 2,
Name: '贵宾'
}, {
Id: 3,
Name: '黑名单'
}],
SearchKey: '', //搜索条件
isShowVform:false,
isShowVedit:false,
}
},
created() {
......@@ -164,7 +336,8 @@
getGuestBasics() {
getGuestBasicsEnumList({}).then(res => {
if (res.Code == 1) {
this.GBList = res.Data
this.GBList = res.Data;
console.log(this.GBList, 'GBlIST');
}
});
},
......@@ -229,6 +402,10 @@
this.addMsg.PlanId = this.saveObj.Id;
setVisitor(this.addMsg).then(res => {
console.log("res", res);
this.$refs.fkdj.click();
this.isShowVform=false;
this.getVisitoryPage();
this.clearAddMsg();
})
},
//修改访客状态
......
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