Skip to content

C
confucius
Commit ac395824 authored by zhengke's avatar zhengke
Browse files
Options

1

parent 5f42eb43
Show whitespace changes
Inline Side-by-side
Showing with 197 additions and 151 deletions
src/components/school/student/student-left.vue 0 → 100644
View file @ ac395824
<style>
.info_title {
padding: 0 22px;
margin-bottom: 20px;
flex-shrink: 0;
font-size: 16px;
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;
cursor: pointer;
display: flex;
align-items: center;
width: 100%;
padding: 12px 22px;
justify-content: space-between;
}
.stage_label {
color: #606266;
flex-shrink: 0;
margin-right: 10px;
}
.stage_value {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.info_content {
margin-bottom: 30px;
}
.info_item {
position: relative;
display: flex;
padding: 12px 22px;
align-items: center;
}
.item_value {
flex: 1;
font-size: 14px;
word-break: break-all;
overflow: hidden;
}
.item_label {
color: #606266;
flex-shrink: 0;
width: 120px;
font-size: 14px;
}
</style>
<template>
<div>
<div class="info_title">客户管理</div>
<div class="info_content" style="margin-bottom:0;">
<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.StuName"></q-input>
</div>
</div>
</div>
<div class="customer_info_component">
<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="女" />
</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.StuTel"></q-input>
</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.StuBirthStr" 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-popup-proxy>
</q-icon>
</template>
</q-input>
</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"
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>
</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>
</template>
<script>
// import {
// getSchoolDropdown, //获取校区列表
// } from '../../../api/school/index';
export default {
meta: {
title: "学员管理"
},
components: {
},
props: {
saveObj: {
type: Object,
default: null
}
},
data() {
return {
customFrom:[{
Name:'员工录入',
Id:1
},{
Name:'同业录入',
Id:2
}],
customState:[{
Name:'无效客户',
Id:1
},{
Name:'有效客户',
Id:2
},{
Name:'新客户',
Id:3
}],
customMsg:{
cusfrom:1,
createBy:'',
customState:1
},
}
},
mounted() {
},
methods: {
},
}
</script>
\ No newline at end of file
src/components/school/student/studentRight-form.vue
View file @ ac395824
......@@ -22,82 +22,7 @@
</div>
<div class="custom_Bottom">
<div class="detail-info">
<div class="info_title">客户管理</div>
<div class="info_content" style="margin-bottom:0;">
<div class="customer_info_component">
<div class="customer_info_Stage">
<div class="stage_label">客户名称</div>
<div class="stage_value">
<q-input filled v-model="baseObj.StuName"></q-input>
</div>
</div>
</div>
<div class="customer_info_component">
<div class="customer_info_Stage">
<div class="stage_label">性别</div>
<div class="stage_value">
<q-radio v-model="baseObj.StuSex" :val="0" label="男" />
<q-radio v-model="baseObj.StuSex" :val="1" label="女" />
</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="baseObj.StuTel"></q-input>
</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="baseObj.StuBirthStr" 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="baseObj.StuBirthStr" @input="() => $refs.qDateProxy1.hide()" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</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="baseObj.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"
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>
</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>
<student-left :save-obj="saveObj"></student-left>
</div>
<div class="detail-travel">
<div class="detail_first">
......@@ -248,11 +173,14 @@
import {
getSchoolDropdown, //获取校区列表
} from '../../../api/school/index';
import studentLeft from '../student/student-left';
export default {
meta: {
title: "学员管理"
},
components: {},
components: {
studentLeft
},
props: {
saveObj: {
type: Object,
......@@ -277,23 +205,7 @@
Name:'试听',
Id:4
}],
customFrom:[{
Name:'员工录入',
Id:1
},{
Name:'同业录入',
Id:2
}],
customState:[{
Name:'无效客户',
Id:1
},{
Name:'有效客户',
Id:2
},{
Name:'新客户',
Id:3
}],
msg: {
},
......@@ -446,45 +358,8 @@
overflow: hidden;
}
.info_title {
padding: 0 22px;
margin-bottom: 20px;
flex-shrink: 0;
font-size: 16px;
font-weight: 700;
font-family: Microsoft YaHei, Avenir, Helvetica, Arial, sans-serif !important;
}
.info_content {
margin-bottom: 30px;
}
.customer_info_Stage {
width: 100%;
padding: 0 7px;
cursor: pointer;
display: flex;
align-items: center;
width: 100%;
padding: 12px 22px;
justify-content: space-between;
}
.stage_label {
color: #606266;
flex-shrink: 0;
margin-right: 10px;
}
.stage_value {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.customer_info_component {
width: 100%;
}
.edit_bar {
display: flex;
......@@ -493,30 +368,10 @@
padding: 12px 22px;
}
.item_label {
color: #606266;
flex-shrink: 0;
width: 120px;
font-size: 14px;
}
.edit_info_wrap {
padding: 0 22px 12px;
}
.info_item {
position: relative;
display: flex;
padding: 12px 22px;
align-items: center;
}
.item_value {
flex: 1;
font-size: 14px;
word-break: break-all;
overflow: hidden;
}
.custom_Line {
width: calc(100% - 44px);
......
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