Skip to content

C
confucius
Commit ff3d5472 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 3d05d1d7
Show whitespace changes
Inline Side-by-side
Showing with 216 additions and 105 deletions
src/api/school/index.js
View file @ ff3d5472
......@@ -305,6 +305,17 @@ export function saveStudent(data) {
}
/**
* 获取客户阶段列表
*/
export function queryStuStageList()
{
return request({
url: '/User/GetStuStageList',
method: 'post',
})
}
/**
* 获取学员信息
*/
......
src/components/school/student/student-left.vue
View file @ ff3d5472
......@@ -7,9 +7,11 @@
font-weight: 700;
font-family: Microsoft YaHei, Avenir, Helvetica, Arial, sans-serif !important;
}
.customer_info_component {
width: 100%;
}
.customer_info_Stage {
width: 100%;
padding: 0 7px;
......@@ -20,6 +22,7 @@
padding: 12px 22px;
justify-content: space-between;
}
.stage_label {
color: #606266;
flex-shrink: 0;
......@@ -31,6 +34,7 @@
text-overflow: ellipsis;
white-space: nowrap;
}
.info_content {
margin-bottom: 30px;
}
......@@ -55,8 +59,6 @@
width: 120px;
font-size: 14px;
}
</style>
<template>
<div>
......@@ -66,7 +68,7 @@
<div class="customer_info_Stage">
<div class="stage_label">客户名称</div>
<div class="stage_value">
<q-input filled v-model="saveObj.StuName"></q-input>
<q-input filled v-model="customObj.StuName"></q-input>
</div>
</div>
</div>
......@@ -74,8 +76,8 @@
<div class="customer_info_Stage">
<div class="stage_label">性别</div>
<div class="stage_value">
<q-radio v-model="saveObj.StuSex" :val="0" label="男" />
<q-radio v-model="saveObj.StuSex" :val="1" label="女" />
<q-radio v-model="customObj.StuSex" :val="0" label="男" />
<q-radio v-model="customObj.StuSex" :val="1" label="女" />
</div>
</div>
</div>
......@@ -83,7 +85,7 @@
<div class="customer_info_Stage">
<div class="stage_label">电话</div>
<div class="stage_value">
<q-input filled v-model="saveObj.StuTel"></q-input>
<q-input filled v-model="customObj.StuTel"></q-input>
</div>
</div>
</div>
......@@ -91,11 +93,11 @@
<div class="customer_info_Stage">
<div class="stage_label">出生日期</div>
<div class="stage_value">
<q-input filled v-model="saveObj.StuBirthStr" style="width:182px;" mask="date" label="出生日期">
<q-input filled v-model="customObj.StuBirth" style="width:182px;" 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="saveObj.StuBirthStr" @input="() => $refs.qDateProxy1.hide()" />
<q-date v-model="customObj.StuBirth" @input="() => $refs.qDateProxy1.hide()" />
</q-popup-proxy>
</q-icon>
</template>
......@@ -103,45 +105,79 @@
</div>
</div>
</div>
<div class="customer_info_component">
<div class="customer_info_Stage">
<div class="stage_label">所属校区</div>
<div class="stage_value">
<q-input filled v-model="saveObj.SName"></q-input>
</div>
</div>
</div>
<div class="custom_Line"></div>
<div class="info_title">基本资料</div>
<div class="info_content">
<div class="info_item">
<div class="item_label">客户来源</div>
<div class="item_value">
<q-select filled v-model="customMsg.cusfrom" :options="customFrom" option-label="Name" option-value="Id"
<q-select filled v-model="customObj.cusfrom" :options="customFrom" option-label="Name" option-value="Id"
emit-value map-options label="客户来源" />
</div>
</div>
<div class="info_item">
<div class="item_label">创建人</div>
<div class="item_value">
<q-input filled v-model="customMsg.createBy"></q-input>
<q-select filled v-model="customObj.CreateBy" :options="employeeList" option-label="EmployeeName"
option-value="Id" emit-value map-options />
</div>
</div>
<div class="info_item">
<div class="item_label">状态</div>
<div class="item_label">客户阶段状态</div>
<div class="item_value">
<q-select filled v-model="customMsg.customState" :options="customState" option-label="Name" option-value="Id"
<q-select filled v-model="customObj.StuStage" :options="customState" option-label="Name" option-value="Id"
emit-value map-options label="客户状态" />
</div>
</div>
<div class="info_item">
<div class="item_label">日语基础</div>
<div class="item_value">
<q-select filled v-model="customObj.JapanBaseInfo" :options="basicList" option-label="Name"
option-value="Id" emit-value map-options />
</div>
</div>
<div class="info_item">
<div class="item_label">职业</div>
<div class="item_value">
<q-input filled v-model="customObj.StuProfession"></q-input>
</div>
</div>
<div class="info_item">
<div class="item_label">学历</div>
<div class="item_value">
<q-select filled v-model="customObj.StuEducation" :options="educationList" option-label="Name"
option-value="Id" emit-value map-options />
</div>
</div>
<div class="info_item">
<div class="item_label">学习目的</div>
<div class="item_value">
<q-select filled v-model="customObj.StuPurpose" :options="goalsList" option-label="Name" option-value="Id"
emit-value map-options />
</div>
</div>
<div class="info_item">
<q-btn color="accent" class="q-mr-md" icon="add" label="保存" @click="saveStu()" />
</div>
</div>
</div>
</div>
</template>
<script>
// import {
// getSchoolDropdown, //获取校区列表
// } from '../../../api/school/index';
import {
getStudentInfo, //获取学员客户信息
queryStuStageList, //获取客户阶段列表
saveStudent, //保存学员信息
} from '../../../api/school/index';
import {
getGuestBasicsEnumList,
getGuestEducationEnumList,
getGuestLearningGoalsEnumList
} from '../../../api/sale/sale'
import {
queryEmployee
} from '../../../api/users/user'
export default {
meta: {
title: "学员管理"
......@@ -157,35 +193,99 @@
},
data() {
return {
customFrom:[{
Name:'员工录入',
Id:1
},{
Name:'同业录入',
Id:2
}],
customState:[{
Name:'无效客户',
Id:1
},{
Name:'有效客户',
Id:2
},{
Name:'新客户',
Id:3
customFrom: [{
Name: '员工录入',
Id: 1
}, {
Name: '同业录入',
Id: 2
}],
customMsg:{
cusfrom:1,
createBy:'',
customState:1
//客户阶段状态列表
customState: [],
customMsg: {
StuId: 0,
},
//客户对象
customObj: {},
//日语基础列表
basicList: [],
//学历列表
educationList: [],
//学习目的列表
goalsList: [],
//员工列表
employeeList: [],
}
},
created() {
this.getStuStageList();
this.getBasicList();
this.queryGuestEducationEnumList();
this.queryGoalsList();
this.getEmployeeList();
if (this.saveObj && this.saveObj.StuId > 0) {
this.customMsg.StuId = this.saveObj.StuId;
}
},
mounted() {
this.queryStuInfo();
},
methods: {
//保存学员信息
saveStu() {
saveStudent(this.customObj).then(res => {
if (res.Code == 1) {
this.$q.notify({
icon: 'iconfont icon-chenggong',
color: 'accent',
timeout: 2000,
message: '数据保存成功！',
position: 'top'
})
}
})
},
//获取员工列表
getEmployeeList() {
queryEmployee({
IsLeave: 1
}).then(res => {
this.employeeList = res.Data;
})
},
//获取日语基础列表
getBasicList() {
getGuestBasicsEnumList({}).then(res => {
this.basicList = res.Data;
})
},
//获取学历列表
queryGuestEducationEnumList() {
getGuestEducationEnumList({}).then(res => {
this.educationList = res.Data;
})
},
//获取学习目的列表
queryGoalsList() {
getGuestLearningGoalsEnumList({}).then(res => {
this.goalsList = res.Data;
})
},
//获取客户阶段列表
getStuStageList() {
queryStuStageList().then(res => {
this.customState = res.Data;
})
},
queryStuInfo() {
getStudentInfo({
StuId: this.customMsg.StuId
}).then(res => {
if (res.Code == 1) {
this.customObj = res.Data;
}
});
}
},
}
</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