Skip to content

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

页面修改

parent 3d05d1d7
Hide 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) { ...@@ -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 @@ ...@@ -7,9 +7,11 @@
font-weight: 700; font-weight: 700;
font-family: Microsoft YaHei, Avenir, Helvetica, Arial, sans-serif !important; font-family: Microsoft YaHei, Avenir, Helvetica, Arial, sans-serif !important;
} }
.customer_info_component { .customer_info_component {
width: 100%; width: 100%;
} }
.customer_info_Stage { .customer_info_Stage {
width: 100%; width: 100%;
padding: 0 7px; padding: 0 7px;
...@@ -20,6 +22,7 @@ ...@@ -20,6 +22,7 @@
padding: 12px 22px; padding: 12px 22px;
justify-content: space-between; justify-content: space-between;
} }
.stage_label { .stage_label {
color: #606266; color: #606266;
flex-shrink: 0; flex-shrink: 0;
...@@ -31,6 +34,7 @@ ...@@ -31,6 +34,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.info_content { .info_content {
margin-bottom: 30px; margin-bottom: 30px;
} }
...@@ -55,99 +59,131 @@ ...@@ -55,99 +59,131 @@
width: 120px; width: 120px;
font-size: 14px; font-size: 14px;
} }
</style> </style>
<template> <template>
<div> <div>
<div class="info_title">客户管理</div> <div class="info_title">客户管理</div>
<div class="info_content" style="margin-bottom:0;"> <div class="info_content" style="margin-bottom:0;">
<div class="customer_info_component"> <div class="customer_info_component">
<div class="customer_info_Stage"> <div class="customer_info_Stage">
<div class="stage_label">客户名称</div> <div class="stage_label">客户名称</div>
<div class="stage_value"> <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> </div>
</div> </div>
<div class="customer_info_component"> <div class="customer_info_component">
<div class="customer_info_Stage"> <div class="customer_info_Stage">
<div class="stage_label">性别</div> <div class="stage_label">性别</div>
<div class="stage_value"> <div class="stage_value">
<q-radio v-model="saveObj.StuSex" :val="0" label="男" /> <q-radio v-model="customObj.StuSex" :val="0" label="男" />
<q-radio v-model="saveObj.StuSex" :val="1" label="女" /> <q-radio v-model="customObj.StuSex" :val="1" label="女" />
</div> </div>
</div> </div>
</div> </div>
<div class="customer_info_component"> <div class="customer_info_component">
<div class="customer_info_Stage"> <div class="customer_info_Stage">
<div class="stage_label">电话</div> <div class="stage_label">电话</div>
<div class="stage_value"> <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> </div>
</div> </div>
<div class="customer_info_component"> <div class="customer_info_component">
<div class="customer_info_Stage"> <div class="customer_info_Stage">
<div class="stage_label">出生日期</div> <div class="stage_label">出生日期</div>
<div class="stage_value"> <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> <template v-slot:append>
<q-icon name="event" class="cursor-pointer"> <q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy1" transition-show="scale" transition-hide="scale"> <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-popup-proxy>
</q-icon> </q-icon>
</template> </template>
</q-input> </q-input>
</div> </div>
</div> </div>
</div> </div>
<div class="customer_info_component">
<div class="customer_info_Stage"> <div class="custom_Line"></div>
<div class="stage_label">所属校区</div> <div class="info_title">基本资料</div>
<div class="stage_value"> <div class="info_content">
<q-input filled v-model="saveObj.SName"></q-input> <div class="info_item">
</div> <div class="item_label">客户来源</div>
</div> <div class="item_value">
</div> <q-select filled v-model="customObj.cusfrom" :options="customFrom" option-label="Name" option-value="Id"
<div class="custom_Line"></div> emit-value map-options label="客户来源" />
<div class="info_title">基本资料</div> </div>
<div class="info_content"> </div>
<div class="info_item"> <div class="info_item">
<div class="item_label">客户来源</div> <div class="item_label">创建人</div>
<div class="item_value"> <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.CreateBy" :options="employeeList" option-label="EmployeeName"
emit-value map-options label="客户来源" /> 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="customMsg.createBy"></q-input>
</div>
</div>
<div class="info_item">
<div class="item_label">状态</div>
<div class="item_value">
<q-select filled v-model="customMsg.customState" :options="customState" option-label="Name" option-value="Id"
emit-value map-options label="客户状态" />
</div>
</div>
</div>
</div> </div>
</div>
<div class="info_item">
<div class="item_label">客户阶段状态</div>
<div class="item_value">
<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>
</div>
</template> </template>
<script> <script>
// import { import {
// getSchoolDropdown, //获取校区列表 getStudentInfo, //获取学员客户信息
// } from '../../../api/school/index'; queryStuStageList, //获取客户阶段列表
saveStudent, //保存学员信息
} from '../../../api/school/index';
import {
getGuestBasicsEnumList,
getGuestEducationEnumList,
getGuestLearningGoalsEnumList
} from '../../../api/sale/sale'
import {
queryEmployee
} from '../../../api/users/user'
export default { export default {
meta: { meta: {
title: "学员管理" title: "学员管理"
}, },
components: { components: {
}, },
props: { props: {
saveObj: { saveObj: {
...@@ -156,36 +192,100 @@ ...@@ -156,36 +192,100 @@
} }
}, },
data() { data() {
return { return {
customFrom:[{ customFrom: [{
Name:'员工录入', Name: '员工录入',
Id:1 Id: 1
},{ }, {
Name:'同业录入', Name: '同业录入',
Id:2 Id: 2
}], }],
customState:[{ //客户阶段状态列表
Name:'无效客户', customState: [],
Id:1 customMsg: {
},{ StuId: 0,
Name:'有效客户',
Id:2
},{
Name:'新客户',
Id:3
}],
customMsg:{
cusfrom:1,
createBy:'',
customState:1
}, },
//客户对象
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() { mounted() {
this.queryStuInfo();
}, },
methods: { 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> </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