zhihuixiaoyuan2-ui/work/pages/examine/course.vue

<template>
  <view class="course">
	  <view class="cour_top">
		  <view class="f17 co16 fw mb6">请认真完善以下课程表所需内容！</view>
		  <view class="f15 coa">填写完成后可进行修改。</view>
	  </view>
	  <view class="cour_box">
		  <view class="list flexc" v-if="checkPermi(['course:table:add'])">
			  <view class="listl">
				  <image :src="curaimg" class="img1"></image>
			  </view>
			  <view class="flex1 mlr12">
				  <view class="f16 fw5 co16 mb6">填写课程表</view>
				  <view class="f13 coa">请根据课程表安排填写课程信息并认真核对</view>
			  </view>
			  <view class="flex0">
				  <view class="btn btn1" @click="getAddcourse">去完善</view>
			  </view>
		  </view>
		  <view class="list flexc" v-if="checkPermi(['course:time:add'])">
		  		<view class="listl">
		  			<image :src="curbimg" class="img2"></image>
		  		</view>	  
		  		 <view class="flex1 mlr12">
		  			<view class="f16 fw5 co16 mb6">课程时间</view>
		  			<view class="f13 coa">请根据学校安排填写课程时间并认真核对</view>
		  		</view>
		  		<view class="flex0">
		  			<view class="btn btn2" @click="getTime">去修改</view>
		  		</view>
		  </view>
	  </view>
  </view>
</template>

<script>
	// import tabSearch from "@/components/toptab/search.vue"
import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
  export default {
	data(){
		return{
			curaimg:require("@/work/static/examine/cura.png"), 
			curbimg:require("@/work/static/examine/curb.png"), 
		}
	},
	onLoad: function() {
	},
	methods:{
		checkPermi, checkRole,
		getAddcourse(){
			 this.$tab.navigateTo('/work/pages/examine/addcourse')
		},
		getTime(){
			 this.$tab.navigateTo('/work/pages/examine/ketime')
		},
	},
	
  }
</script>

<style lang="scss" scoped>
.cour_top{padding: 60rpx 36rpx;}
.cour_box{padding: 0 36rpx;
	.list{width: 100%;min-height:150rpx;background: #FFFFFF;border-radius: 14rpx;padding: 24rpx;box-sizing: border-box;margin-bottom: 36rpx;
		.listl{width: 36rpx;height: 36rpx;display: flex;align-items: center;justify-content: center;flex:0 0 auto;
			.img1{width: 32rpx;height: 28rpx;}
			.img2{width: 30rpx;height: 30rpx;}
		}
		.btn{min-width: 106rpx;height: 46rpx;border-radius: 14rpx;display: flex;align-items: center;justify-content: center;font-size: 28rpx;padding:0 12rpx;box-sizing: border-box;
			&.btn1{background: #1f57e6;color: #FFFFFF;}
			&.btn2{border: 1px solid #4775EA;color: #4775EA;}
		}
	}
}
</style>