Commit 15a8e232 authored by zhengke's avatar zhengke

1

parent 2be09453
......@@ -3,48 +3,79 @@
</style>
<template>
<div>
<div style="overflow:auto;margin-top:30px;">
<div class="row wrap">
<q-select filled option-value="SId" class="col-6 q-pb-lg" option-label="SName" v-model="VisitMsg.School_Id"
:options="schoolList" emit-value map-options label="到访校区" />
</div>
<div class="row wrap">
<q-input filled v-model="VisitMsg.Date" class="col-6 q-pb-lg" mask="date" label="日期">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy1" transition-show="scale" transition-hide="scale">
<q-date v-model="VisitMsg.Date" @input="() => $refs.qDateProxy1.hide()" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</div>
<div class="row warp">
<q-input filled mask="time" v-model="VisitMsg.VisitTime" :rules="['time']" class="col-6 q-pb-lg">
<template v-slot:append>
<q-icon name="access_time" class="cursor-pointer">
<q-popup-proxy transition-show="scale" transition-hide="scale">
<q-time v-model="VisitMsg.VisitTime">
<div class="row items-center justify-end">
<q-btn v-close-popup label="Close" color="primary" flat />
<div style="margin-top:30px;">
<q-btn label="新增" color="accent q-mb-lg" size="sm" @click="isShowAdd=true" />
<template v-if="isShowAdd">
<div class="row wrap">
<q-select filled option-value="SId" class="col-6 q-pb-lg q-pr-lg" option-label="SName"
v-model="VisitMsg.School_Id" :options="schoolList" emit-value map-options label="到访校区" />
<q-input filled v-model="VisitMsg.Date" class="col-6 q-pb-lg" mask="date" label="日期">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy1" transition-show="scale" transition-hide="scale">
<q-date v-model="VisitMsg.Date" @input="() => $refs.qDateProxy1.hide()" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</div>
<div class="row warp">
<q-input filled mask="time" v-model="VisitMsg.VisitTime" :rules="['time']" class="col-6 q-pb-lg q-pr-lg">
<template v-slot:append>
<q-icon name="access_time" class="cursor-pointer">
<q-popup-proxy transition-show="scale" transition-hide="scale">
<q-time v-model="VisitMsg.VisitTime">
<div class="row items-center justify-end">
<q-btn v-close-popup label="Close" color="primary" flat />
</div>
</q-time>
</q-popup-proxy>
</q-icon>
</template>
</q-input>
<q-input filled v-model="VisitMsg.ReceptionPersion" class="col-6 q-pb-lg" label="接待人"></q-input>
</div>
<div class="row wrap">
<q-input filled v-model="VisitMsg.Remark" :rows="3" type="textarea" class="col-12 q-pb-lg" label="备注">
</q-input>
</div>
<div class="row wrap">
<q-input filled v-model="VisitMsg.Feedback" :rows="3" type="textarea" class="col-12 q-pb-lg" label="反馈">
</q-input>
</div>
<div class="row wrap" style="margin-bottom:10px;">
<q-btn label="保存" color="accent q-mb-lg" size="md" @click="saveVisit()" />
</div>
</template>
<div style="display:flex;flex:1;flex-direction: column;overflow:hidden;">
<div class="TimeLineDiv">
<q-timeline color="primary">
<q-timeline-entry v-for="(tItem,tIndex) in dataList" :key="tIndex">
<template v-slot:title>
<div class="visit_Cont">
<div>到访校区:{{tItem.School_Id}}</div>
<div>接待人:{{tItem.ReceptionPersion}}</div>
<div>备注:{{tItem.Remark}}</div>
<div>反馈:{{tItem.Feedback}}</div>
<div @click="delVisit(tItem.Id)" class="visit_delete">删除</div>
</div>
</template>
<template v-slot:subtitle>
<div class="Time_TopList">
<div>
<span style="margin-right:20px;">{{ tItem.Date }}</span>
<span>{{tItem.VisitTime}}</span>
</div>
</q-time>
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</div>
<div class="row wrap">
<q-input filled v-model="VisitMsg.ReceptionPersion" class="col-6 q-pb-lg" label="接待人"></q-input>
<div>{{ tItem.CreateBy }}</div>
</div>
</template>
</q-timeline-entry>
</q-timeline>
</div>
</div>
<div class="row wrap">
<q-input filled v-model="VisitMsg.ReceptionPersion" type="textarea" class="col-6 q-pb-lg" label="备注"></q-input>
</div>
<div class="row wrap">
<q-input filled v-model="VisitMsg.Feedback" type="textarea" class="col-6 q-pb-lg" label="反馈"></q-input>
</div>
<div class="row wrap" style="margin-bottom:10px;">
<q-btn label="保存" color="accent q-mb-lg" style="width:200px;" @click="saveVisit()" />
<div style="margin:20px 0;">
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary"
:max="page_Count" input @input="changePage" />
</div>
</div>
</div>
......@@ -53,6 +84,12 @@
import {
getSchoolDropdown, //获取校区列表
} from '../../../api/school/index';
import {
queryStudentVisitPage, //获取到访列表
saveStudentVisit,
deleteStudentVisit
} from '../../../api/customerstudent/customerstudent';
export default {
meta: {
title: ""
......@@ -61,29 +98,40 @@
},
props: {
saveObj: {
type: Object,
default: null
}
},
data() {
return {
schoolList:[],
//到访msg
VisitMsg:{
Id:0, //到访编号
StuId:0, //学员编号
School_Id:0, //到访校区
Date:'', //日期
VisitTime:'', //到访时间
ReceptionPersion:'', //接待人
Remark:'', //备注
Feedback:'' //反馈
}
schoolList: [],
//到访msg
VisitMsg: {
Id: 0, //到访编号
StuId: 0, //学员编号
School_Id: 0, //到访校区
Date: '', //日期
VisitTime: '', //到访时间
ReceptionPersion: '', //接待人
Remark: '', //备注
Feedback: '' //反馈
},
msg: {
pageIndex: 1,
pageSize: 12
},
isShowAdd: false,
dataList: [],
page_Count: 0
}
},
mounted() {
this.getSchool();
this.getSchool();
this.getList();
},
methods: {
//获取校区列表
//获取校区列表
getSchool() {
getSchoolDropdown({}).then(res => {
if (res.Code == 1) {
......@@ -95,6 +143,63 @@
}
})
},
//获取到访分页
getList() {
queryStudentVisitPage(this.msg).then(res => {
if (res.Code == 1) {
this.dataList = res.Data.PageData;
this.page_Count = res.Data.PageCount;
}
}).catch(() => {
})
},
//保存数据
saveVisit() {
this.VisitMsg.StuId = this.saveObj.StuId;
saveStudentVisit(this.VisitMsg).then(res => {
if (res.Code == 1) {
this.$q.notify({
icon: 'iconfont icon-chenggong',
color: 'accent',
timeout: 2000,
message: '数据保存成功!',
position: 'top'
})
this.getList();
}
}).catch(() => {
})
},
//删除到访
delVisit(Id) {
let that = this
this.$q.dialog({
title: '提示信息',
message: '是否确定删除?',
cancel: true,
persistent: true,
ok: "确定",
cancel: "取消",
}).onOk(() => {
deleteStudentVisit({
Id: Id
}).then((res) => {
that.$q.notify({
icon: 'iconfont icon-chenggong',
timeout: 2000,
message: res.Message,
position: 'top'
})
that.getList()
})
}).onCancel(() => {});
},
changePage(val){
this.msg.pageIndex = val;
this.getList();
}
},
}
......
......@@ -41,15 +41,15 @@
</div>
<!-- 记录 -->
<template v-if="ckedTab==1">
<student-record></student-record>
<student-record :save-obj="baseObj"></student-record>
</template>
<!-- 操作 -->
<template v-if="ckedTab==2">
<div style="overflow:auto;">
<student-visit v-if="secondType==1"></student-visit>
<student-yuefang v-if="secondType==2"></student-yuefang>
<student-genjin v-if="secondType==3"></student-genjin>
<student-hetong v-if="secondType==4"></student-hetong>
<student-visit :save-obj="baseObj" :StuId="baseObj.StuId" v-if="secondType==1"></student-visit>
<student-yuefang :save-obj="baseObj" v-if="secondType==2"></student-yuefang>
<student-genjin :save-obj="baseObj" v-if="secondType==3"></student-genjin>
<student-hetong :save-obj="baseObj" v-if="secondType==4"></student-hetong>
</div>
</template>
<!-- 订单 -->
......@@ -146,7 +146,7 @@
}
</script>
<style lang="scss" scoped>
<style>
.custom_RModel {
width: 500px;
height: 100%;
......@@ -378,4 +378,23 @@
line-height: 60px;
font-size:20px;
}
.TimeLineDiv {
overflow: auto;
height:620px;
flex: 1;
height: 100%;
padding-right: 20px;
}
.Time_TopList{
display: flex;
justify-content: space-between;
}
.visit_Cont{
font-size:14px;
}
.visit_delete{
color:#3470ff;
font-size:14px;
cursor: pointer;
}
</style>
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