diagnosis_app/views/doctorItems/article/list/index.vue

<template>
	<view class="acticle-cont">
		<view class="filter-tab">
			<view class="tag">
				<view class="name tag-item" @click="checkFilter">
					<text>{{filterName}}</text>
					<text class="zhcx-iconfont" :class="filterStatus?'zhcx-icon-xiangshang':'zhcx-icon-xiangxia'"></text>
				</view>
				<view class="cont" :class="filterStatus?'down':'up'">
					<view class="item tag-item" v-for="(item,index) in filters" :key="index" 
						  @click="changeFilter(item)"
						  :class="filterType===item.value?'active':''">
						<text>{{item.name}}</text>
					</view>
				</view>
			</view>
		</view>
		<view class="acticle">
			[摘要]军队院校药学本科毕业设计质量直接关系到军队的建设与发展，是培养药学军事人才的重要环节。空军军医大学对药学本科生毕业设计要求较严格，但是随着实验环境、管理体制等变化，目前药学专业本科毕业设计仍存在较多问题。本文以空军军医大学为例，分析军校药学本科毕业学员目前存在的主要问题，如毕业设计时间安排不合理、选题质量不高、论文写作不规范、查阅文献能力不强，论文监管体系不完善等。通过探讨如何提高军校药学本科毕业设计选题的新颖性、真实性、可行性，如何提高论文写作的规范性，如何提高指导教员与学员的互动性，如何完善毕业设计监控体系，以期增加军校药学本科学员学习的积极性、主动性，从整体提升军校药学专业本科生毕业设计质量。
			[关键词]毕业设计；质量；药学专业；军队院校；问题；策略
			毕业论文设计是每一个本科毕业生都需要认真完成的环节，是对学员所学习专业知识技术、文字撰写等综合能力的全面检验，也是培养学生论文设计、科研创新等的一个重要环节，它代表了学生的学业水平[1-3]。因此，提高本科生毕业设计的质量是高校一直关注的问题。军队院校学生不仅需要完成一般院校学生的理论与实践课程，而且需要加强体能训练、军事训练等，纪律要求严格，且军队院校本科生毕业论文设计期限较短，学生难免在时间分配、论文选题、论文设计、格式要求等方面存在一些不能预料的问题[4-5]。另外，导师的管理与督促对学生毕业论文的完成质量也具有重要的影响[6-7]。药学专业学生需要掌握多种药物的制备方法、质量评估方法、药效及药物安全等的评估，并需要在药品的生产、检验及设计、合成等方面具有较高的能力。药学专业学生学习内容多，药物安全至关重要，学生同时应具有良好的学习精神、慎独的工作精神[8-9]。为了提高军校药学本科生毕业设计的质量，本文特对空军军医大学药学专业本科生毕业设计存在的问题进行了总结，并通过文献阅读，学习其他院校管理模式及参加会议培训等方式，初步拟建了一套适合军校药学专业本科毕业设计的方案，为提高军队院校药学本科毕业论文质量提供依据。
			1军队院校药学专业本科毕业论文设计存在的主要问题
			理解毕业设计内容，往往会出现盲目选题，应付毕业设计的情况，最终导致毕业设计流于形式，失去了提高人才培养质量的宗旨
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				filters:[
					{name:'筛选一',value:1},
					{name:'筛选二',value:2},
					{name:'筛选三',value:3},
					{name:'筛选四',value:4}
				],
				filterType:"",
				filterStatus:false,
				filterName:'请选择筛选条件'
			}
		},
		methods:{
			checkFilter(){
				this.filterStatus=!this.filterStatus;
			},
			changeFilter(item){
				this.filterType=item.value;
				this.filterName=item.name;
				this.filterStatus=false;
			}
		}
	}
</script>

<style lang="scss" scoped>
	.acticle-cont{
		.filter-tab{
			width: 100%;
			height: 80upx;
			background-color: #fff;
			position: fixed;
			top: 0;
			left: 0;
			padding: 20upx;
			.tag{
				position: relative;
				.tag-item{
					display: inline-block;
					height: 50upx;
					line-height: 50upx;
					color: #666;
					padding:0 14upx;
					border:1px solid #ccc;
					font-size: 24upx;
					margin-right: 10upx;
				}
				.cont{
					width: 100%;
					height: 0;
					position: absolute;
					top: 60upx;
					left: 0;
					background-color: #fff;
					border-top: 1px solid #eaeaea;
					transition:height 0.3s; 
					overflow: hidden;
					&.down{
						height: 300upx;
					}
					.item{
						margin-top: 14upx;
						&.active{
							border-color: #409eff;
							color: #409eff;
						}
					}
				}
			}
		}
		.acticle{
			padding:10upx 30upx 50upx;
			color: #666;
			text-align: justify;
			margin-top: 103upx;
		}		
	}
</style>