提交 2422b3a6 编写于 作者: 杨广俊's avatar 杨广俊

代码整理

上级 d7fbc2da
......@@ -10,7 +10,7 @@
<meta name="x5-fullscreen" content="true">
<title>云鹊·医</title>
</head>
<body>
<body id="appBody">
<div id="app">
<router-view></router-view>
</div>
......
......@@ -13,7 +13,7 @@
</template>
<script>
// import svgIcon from './componentsn/common/svg';
// import svgIcon from './components/common/svg';
export default {
components:{
// svgIcon
......
......@@ -93,6 +93,9 @@ export default {
this[orderType] = !this[orderType]
this.$emit('order', orderName, this[orderType])
},
reset() {
this.showOrderIndex = 1
}
// resetShowOrderIndex(){
// this.showOrderIndex = 1
// }
......
......@@ -3,33 +3,33 @@
v-model="isShowSelection"
position="top"
>
<!-- <section v-show="isShowSelection" style="position:fixed;top:0;z-index:201;background:#fff;height:100%;overflow-x:auto;"> -->
<article class="lect-selection">
<div class="lect-selection-content-mask"></div>
<section class="lect-selection-title">
<img @click="closeSelectedPage" src="../../images/lecturer/select-delete.png"/>
<span>{{selectedTitle}}</span>
<span class="no-content"></span>
</section>
</article>
<article class="group-title">
<section class="group-title-order">
<div @click="selectedType(1)" class="group-title-order-item">
<span :class="{'active': selectedTypeIndex === 1}">全国</span>
<span :class="{'active': selectedTypeIndex === 1}">{{selectedTitleTitle}}</span>
<img v-show="selectedTypeIndex === 1" src="../../images/lecturer/select-up.png"/>
<img v-show="selectedTypeIndex !== 1" src="../../images/lecturer/select-down.png"/>
</div>
<div @click="selectedType(2)" class="group-title-order-item">
<span :class="{'active': selectedTypeIndex === 2}">全部等级</span>
<span :class="{'active': selectedTypeIndex === 2}">{{selectedLevelName}}</span>
<img v-show="selectedTypeIndex === 2" src="../../images/lecturer/select-up.png"/>
<img v-show="selectedTypeIndex !== 2" src="../../images/lecturer/select-down.png"/>
</div>
<div @click="selectedType(3)" class="group-title-order-item">
<span :class="{'active': selectedTypeIndex === 3}">全部科室</span>
<span :class="{'active': selectedTypeIndex === 3}">{{selectedDepartName}}</span>
<img v-show="selectedTypeIndex === 3" src="../../images/lecturer/select-up.png"/>
<img v-show="selectedTypeIndex !== 3" src="../../images/lecturer/select-down.png"/>
</div>
</section>
</article>
</article>
<section class="lect-selection-content">
<article class="lect-selection-content-region" v-show="selectedTypeIndex === 1">
<table class="lect-selection-content-rp-tb">
......@@ -84,7 +84,7 @@
</table>
</article>
</section>
<!-- </section> -->
</mt-popup>
</template>
......@@ -106,15 +106,20 @@ export default {
selectedAreaSubIndex: 0,
selectedLevelIndex: 0,
selectedDepartIndex: 0,
selectedTitleTitle: '全国',
selectedAreaName: '全国',
selectedAreaSubName: '',
selectedLevelName: '全部等级',
selectedDepartName: '全部科室',
cityId: 0,
provinceId: 0,
cityId: 0,
countyId: 0,
levelGrade : 0,
departmentId: 0
departmentId: 0,
oldProinveId: -1,
oldCityId: -1,
oldCountyId: -1,
oldSelectedAreaSubIndex: -1,
}
},
props: {
......@@ -148,7 +153,6 @@ export default {
},
mounted(){
},
beforeDestroyed(){
......@@ -202,6 +206,7 @@ export default {
if (selTitle === '全部'){
selTitle = this.selectedAreaName
}
this.selectedTitleTitle = selTitle
this.$emit('selectedData',
res.data && res.data.list || [],
selTitle,
......@@ -224,28 +229,39 @@ export default {
})
},
// 寻找数据最大值,用于定义表格高度
getMaxRowNum(orginAreaList) {
console.log(orginAreaList)
let maxRowNum = orginAreaList.length || 31
orginAreaList.forEach((element, index) => {
// if (element.length > maxRowNum){
maxRowNum = element.cities.length > maxRowNum ? element.cities.length : maxRowNum
// }
})
return maxRowNum
},
// 处理区域数据
handleAreaData (orginAreaList) {
let handleList = []
let handleList = [], maxRowNum = this.getMaxRowNum(orginAreaList);
console.log(maxRowNum)
orginAreaList.forEach((element, index) => {
// debugger
if( index === 0 ){
handleList.push({id: element.id, name: element.name,
cities: this.decorateCitiesData({id: 0, name: '全部', provinceId: element.id}, element.cities, 42, false)})
cities: this.decorateCitiesData({}, element.cities, maxRowNum + 1, false)})
} else {
handleList.push({id: element.id, name: element.name,
cities: this.decorateCitiesData({id: 0, name: '全部', provinceId: element.id}, element.cities, 41)})
cities: this.decorateCitiesData({id: 0, name: '全部', provinceId: element.id}, element.cities, maxRowNum)})
}
});
handleList.unshift({id:'0',name:'全国',cities: this.decorateCitiesData({id: 0, name: '全国', provinceId: 0}, [], 41)})
handleList.push({id:'',name:'',cities: []})
handleList.push({id:'',name:'',cities: []})
handleList.push({id:'',name:'',cities: []})
handleList.push({id:'',name:'',cities: []})
handleList.push({id:'',name:'',cities: []})
handleList.push({id:'',name:'',cities: []})
handleList.push({id:'',name:'',cities: []})
handleList.push({id:'',name:'',cities: []})
handleList.unshift({id:'0',name:'全国',cities: this.decorateCitiesData({id: 0, name: '全国', provinceId: 0}, [], maxRowNum)})
for (let i = orginAreaList.length; i < maxRowNum; i++) {
handleList.push({id:'',name:'',cities: []})
}
console.log('handleList: ', handleList)
return handleList
},
......@@ -290,9 +306,18 @@ export default {
// 选中省或直辖市
selectAreaAction(item, index) {
if(item.name){
// debugger
if (item.name) {
this.selectedAreaIndex = index
if (this.oldProinveId = item.provinceId) {
if (item.isMunicipality) {
this.selectedAreaSubIndex = this.oldCountyId
} else {
this.selectedAreaSubIndex = this.oldCityId
}
} else {
this.selectedAreaSubIndex = -1
}
this.allAreaSubList = item.cities
this.selectedAreaName = item.name
}
......@@ -309,10 +334,16 @@ export default {
this.cityId = item.cityId
this.countyId = item.id
this.provinceId = item.provinceId
this.oldProinveId = item.provinceId
this.oldCityId = item.cityId
this.oldCountyId = item.id
} else {
this.cityId = item.id
this.countyId = 0
this.provinceId = item.provinceId
this.oldProinveId = item.provinceId
this.oldCityId = item.id
this.oldCountyId = 0
}
this.closeSelectedPage()
this.getYqDoctorDataByCD()
......@@ -550,11 +581,11 @@ export default {
<style lang="scss" scoped>
@import '../../style/mixin';
.lect-selection-content {
position: absolute;
top: px2rem(122px);
z-index: 201;
// position: absolute;
// top: px2rem(122px);
// z-index: 201;
width: px2rem(375px);
height: 80%;
height: 82%;
overflow: auto;
font-size: px2rem(14px);
color: #666666;
......@@ -637,12 +668,12 @@ export default {
.group-title {
position: absolute;
top: px2rem(80px);
z-index: 202;
// position: absolute;
// top: px2rem(80px);
// z-index: 202;
display: flex;
flex-direction: row;
padding: px2rem(4px) px2rem(25px) px2rem(16px);
padding: px2rem(16px) px2rem(25px) px2rem(16px);
border-bottom: 1px solid #f0f0f0;
&-order {
display: flex;
......
......@@ -36,7 +36,7 @@
import { teacher } from '../../utils/buryingPoint';
import { mapGetters } from 'vuex'
import YqyLecturerOrder from '@/componentsn/business/yqy-lecturer-order';
import YqyLecturerOrder from '@/components/business/yqy-lecturer-order';
export default {
data() {
return {
......
......@@ -16,7 +16,7 @@
</template>
<script>
// import BackHeader from '../../components/teachers/back-header';
import BackHeader from '../../componentsn/teacher/back-header';
import BackHeader from '../../components/teacher/back-header';
export default {
data () {
return {
......
......@@ -23,10 +23,10 @@
<script>
// import { setEventByModuleCode } from '@/utils/index'
// import TopNav from '../../components/common/topNav';
import TopNav from '../../componentsn/teacher/topNav';
import TopNav from '../../components/teacher/topNav';
// import teacherTop from '../../components/teachers/teach-top';
// import BackTop from '../../components/common/backTop';
import BackTop from '../../componentsn/teacher/backTop';
import BackTop from '../../components/teacher/backTop';
import {activity_action} from '../../utils/buryingPoint';
import { deepCopy } from '../../utils';
export default {
......
......@@ -78,7 +78,7 @@
<script>
// import teacherTop from '../../components/teachers/teach-top';
import teacherTop from '../../componentsn/teacher/teach-top';
import teacherTop from '../../components/teacher/teach-top';
import {teacher,teacher_info_collect} from '../../utils/buryingPoint';
export default {
components:{
......
此差异已折叠。
<template>
<div class="main-body" ref="wrapper">
<div class="main-body" :class="{'modal-open': showSelectedPage}" ref="wrapper">
<section class="home-header">
<div class="home-topMenu">
<YqyHomeHeader :searchFix="searchFix"/>
......@@ -28,7 +28,7 @@
/>
<!-- 讲师排序 -->
<YqyLecturerOrder groupTitle="全部讲师" @order="orderAction"/>
<YqyLecturerOrder ref="lecturerOrderRef" groupTitle="全部讲师" @order="orderAction"/>
<!-- 讲师列表 -->
<YqyTeacherList :parmData="parmDataDoctList"/>
......@@ -36,7 +36,6 @@
<!-- 讲师选择组件 - 弹框 -->
<YqyLecturerSelectContent
ref="lecturerSelContRef"
:isShowSelectionB="showSelectedPage"
@selectedData="selectedLecturerList"
/>
......@@ -49,18 +48,18 @@
<script>
import { Swipe, SwipeItem} from 'mint-ui';
import {mapState, mapMutations, mapActions} from 'vuex'
import BackTop from '@/componentsn/business/backTop';
import YqyHomeHeader from '@/componentsn/business/yqy-home-header';
import YqyLecturerTitle from '@/componentsn/business/yqy-lecturer-title';
import YqyLecturerSelect from '@/componentsn/business/yqy-lecturer-select';
import YqyLecturerOrder from '@/componentsn/business/yqy-lecturer-order';
import YqyLecturerSelectContent from '@/componentsn/business/yqy-lecturer-select-content';
import YqyHotLecturer from '@/componentsn/business/yqy-hot-lecturer';
import YqyTeacherList from '@/componentsn/business/yqy-teacher-list'
import BackTop from '@/components/business/backTop';
import YqyHomeHeader from '@/components/business/yqy-home-header';
import YqyLecturerTitle from '@/components/business/yqy-lecturer-title';
import YqyLecturerSelect from '@/components/business/yqy-lecturer-select';
import YqyLecturerOrder from '@/components/business/yqy-lecturer-order';
import YqyLecturerSelectContent from '@/components/business/yqy-lecturer-select-content';
import YqyHotLecturer from '@/components/business/yqy-hot-lecturer';
import YqyTeacherList from '@/components/business/yqy-teacher-list'
export default {
data(){
return {
showSelectedPage: false,
showSelectedPage: true,
parmDataDoctList: [],
selectedTypeIndex: 1,
prevent: true,
......@@ -142,7 +141,9 @@ export default {
},
beforeMount() {
let appBody = document.getElementById('appBody')
appBody.style.overflow = 'hidden'
appBody.style.height = '100%'
},
mounted(){
window.addEventListener('scroll', this.scrollFun);
......@@ -159,6 +160,7 @@ export default {
orderAction(orderName, isSortUp) {
let orderType = isSortUp ? -1 : 1
let orderData = this.parmDataDoctList.slice()
// let orderData = parmDataDoctList
orderData.sort((a, b)=> {
if (orderName === 'doctorFirstNameChar') {
return (a[orderName].charCodeAt(0) - b[orderName].charCodeAt(0)) * orderType
......@@ -178,6 +180,8 @@ export default {
// 选择器组件回调
selectedLecturerList(paramList, selectedTitle, selectedLevelName, selectedDepartName) {
this.parmDataDoctList = paramList
this.orderAction('doctorFirstNameChar', true)
this.$refs.lecturerOrderRef.reset()
this.selectedTitleTitle = selectedTitle
this.selectedLevelName = selectedLevelName
this.selectedDepartName = selectedDepartName
......@@ -496,6 +500,12 @@ export default {
</style>
<style lang="scss" scoped>
@import '../../style/mixin.scss';
.modal-open {
&, body {
overflow: hidden;
height: 100%;
}
}
.lect-selection-content {
position: absolute;
top: px2rem(122px);
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册