php
/
ZhiHuiJiaoWu_UniApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'master' of http://gitlab.frkj.cc/php/ZhiHuiJiaoWu_UniApp

master
李双庆 1 year ago
parent
fe3672781f 8d21af2967
commit
383e03b283
6 changed files with 139 additions and 848 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      pages.json
  2. 256
      pages/market/my/arrival_statistics.vue
  3. 316
      pages/market/my/due_soon.vue
  4. 121
      pages/market/my/firm_info.vue
  5. 10
      pages/market/my/index.vue
  6. 275
      pages/market/my/schooling_statistics.vue

9
pages.json
View File

@ -375,6 +375,15 @@
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
}
},
{
"path": "pages/market/my/firm_info",
"style": {
"navigationBarTitleText": "企业信息",
"navigationStyle": "default",
"navigationBarBackgroundColor": "#292929",
"navigationBarTextStyle": "white"
}
}

256
pages/market/my/arrival_statistics.vue
View File

@ -1,256 +0,0 @@
<!--到课统计-详情-->
<template>
<view class="main_box">
<view class="main_section">
<view class="section_3">
<view class="ul">
<view class="li">
<view class="left_box">
<view class="date_box">
<text>12</text>
<text>/</text>
<text>24</text>
</view>
<view class="ratio">
到课率：80%
</view>
</view>
<view class="center_box">
<view>班级：少年班</view>
<view>时间：2020-05-25 15:30 - 17:30</view>
<view>课室：302室
</view>
<view>课程：篮球少儿课
</view>
</view>
<view class="right_box">
<view class="tag" style="background:#fad24e;">上课中</view>
<!-- <view class="tag" style="background:#1cd188;">待上课</view>-->
</view>
</view>
<view class="li">
<view class="left_box">
<view class="date_box">
<text>12</text>
<text>/</text>
<text>24</text>
</view>
<view class="ratio">
到课率：80%
</view>
</view>
<view class="center_box">
<view>班级：少年班</view>
<view>时间：2020-05-25 15:30 - 17:30</view>
<view>课室：302室
</view>
<view>课程：篮球少儿课
</view>
</view>
<view class="right_box">
<!-- <view class="tag" style="background:#fad24e;">上课中</view>-->
<view class="tag" style="background:#1cd188;">待上课</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import user from '@/api/user.js';
import AQTabber from "@/components/AQ/AQTabber.vue"
export default {
components: {
AQTabber,
},
data() {
return {
formData:{},
//课程下拉菜单相关
show_course:false,//是否显示下拉菜单
//课程下拉菜单
course_name:'课程',//选中的下拉菜单名称
options_course: [
{
text: '请选择课程',
value: '',
checked: true
}, {
text: '羽毛球课程1',
value: '1'
}, {
text: '篮球课程2',
value: '2'
}
],
//课室下拉菜单相关
show_classroom:false,//是否显示下拉菜单
//课程下拉菜单
classroom_name:'课室',//选中的下拉菜单名称
options_classroom: [
{
text: '请选择课室',
value: '',
checked: true
}, {
text: '羽毛球201',
value: '1'
}, {
text: '篮球室101',
value: '2'
}
],
}
},
onLoad() {
},
methods: {
//选中课程下拉菜单点击事件
clickCourse(e){
console.log(e)
this.course_name = e.text
this.show_course = true
},
//显示下拉菜单
filterTapCourse() {
//显示下拉框
this.$refs.ref_course.show()
this.show_course = true;
},
//选中课室
clickClassroom(e){
console.log(e)
this.classroom_name = e.text
this.show_classroom = true
},
//显示课室下拉菜单
filterTapClassroom() {
//显示下拉框
this.$refs.ref_classroom.show()
this.show_classroom = true;
},
//打开课时详情页
openViewCourseInfo(item){
uni.navigateTo({
url: '/pages/coach/course/info'
})
},
}
}
</script>
<style lang="less" scoped>
.main_box{
background: #292929 ;
}
//自定义导航栏
.navbar_section{
display: flex;
justify-content: center;
align-items: center;
background: #29d3b4;
.title{
padding: 20rpx 0;
font-size: 30rpx;
color: #315d55;
}
}
.main_section{
min-height: 100vh;
background: #292929 100%;
padding: 0 24rpx;
padding-top: 32rpx;
padding-bottom: 150rpx;
font-size: 28rpx;
.section_3{
color: #fff;
font-size: 24rpx;
.title_box{
display: flex;
flex-direction: column;
.top_box{
display: flex;
justify-content: space-between;
align-items: center;
text{
font-size: 30rpx;
}
}
.line{
width: 90rpx;
height: 2px;
background: #29D3B4;
}
}
.ul{
margin-top: 30rpx;
display: flex;
flex-direction: column;
gap: 20rpx;
.li{
position: relative;
border-radius: 22rpx;
background: #434544 100%;
padding: 14rpx 0;
display: flex;
align-items: center;
.left_box{
margin-left: 28rpx;
width: 146rpx;
display: flex;
flex-direction: column;
gap: 10rpx;
.date_box{
display: flex;
font-size: 48rpx;
text:nth-child(1){
color: #29D3B4;
}
}
.ratio{
color: #AAAAAA;
}
}
.center_box{
margin-left: 52rpx;
display: flex;
flex-direction: column;
gap: 10rpx;
}
.right_box{
.tag{
position:absolute;
top: 0rpx;
right: 0rpx;
padding: 10rpx;
width: 102rpx;
text-align: center;
font-size: 24rpx;
border-bottom-left-radius: 20rpx;
border-top-right-radius: 20rpx;
}
}
}
}
}
}
</style>

316
pages/market/my/due_soon.vue
View File

@ -1,316 +0,0 @@
<!--即将到期-->
<template>
<view class="main_box">
<!--自定义导航栏-->
<!-- <view class="navbar_section">-->
<!-- <view class="title">班级详情</view>-->
<!-- </view>-->
<view class="main_section">
<!-- 班级成员列表-->
<view class="section_4">
<view class="ul">
<view class="li" @click="openViewStudentInfo({id:1})">
<view class="left">
<view class="box_1">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="tag_box">
即将到期
</view>
</view>
<view class="box_2">
<view class="name">黄明明</view>
<view class="date">课程截止时间：2020.05:25</view>
</view>
</view>
<view class="right">
<view class="item">
<view>24</view>
<view>已上课时</view>
</view>
<view class="item">
<view>24</view>
<view>剩余课时</view>
</view>
</view>
</view>
<view class="li" @click="openViewStudentInfo({id:1})">
<view class="left">
<view class="box_1">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="tag_box">
即将到期
</view>
</view>
<view class="box_2">
<view class="name">黄明明</view>
<view class="date">课程截止时间：2020.05:25</view>
</view>
</view>
<view class="right">
<view class="item">
<view>24</view>
<view>已上课时</view>
</view>
<view class="item">
<view>24</view>
<view>剩余课时</view>
</view>
</view>
</view>
<view class="li" @click="openViewStudentInfo({id:1})">
<view class="left">
<view class="box_1">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="tag_box">
即将到期
</view>
</view>
<view class="box_2">
<view class="name">黄明明</view>
<view class="date">课程截止时间：2020.05:25</view>
</view>
</view>
<view class="right">
<view class="item">
<view>24</view>
<view>已上课时</view>
</view>
<view class="item">
<view>24</view>
<view>剩余课时</view>
</view>
</view>
</view>
<view class="li" @click="openViewStudentInfo({id:1})">
<view class="left">
<view class="box_1">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="tag_box">
即将到期
</view>
</view>
<view class="box_2">
<view class="name">黄明明</view>
<view class="date">课程截止时间：2020.05:25</view>
</view>
</view>
<view class="right">
<view class="item">
<view>24</view>
<view>已上课时</view>
</view>
<view class="item">
<view>24</view>
<view>剩余课时</view>
</view>
</view>
</view>
<view class="li" @click="openViewStudentInfo({id:1})">
<view class="left">
<view class="box_1">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="tag_box">
即将到期
</view>
</view>
<view class="box_2">
<view class="name">黄明明</view>
<view class="date">课程截止时间：2020.05:25</view>
</view>
</view>
<view class="right">
<view class="item">
<view>24</view>
<view>已上课时</view>
</view>
<view class="item">
<view>24</view>
<view>剩余课时</view>
</view>
</view>
</view>
<view class="li" @click="openViewStudentInfo({id:1})">
<view class="left">
<view class="box_1">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<!-- <view class="tag_box">-->
<!-- 即将到期-->
<!-- </view>-->
</view>
<view class="box_2">
<view class="name">黄明明</view>
<view class="date">课程截止时间：2020.05:25</view>
</view>
</view>
<view class="right">
<view class="item">
<view>24</view>
<view>已上课时</view>
</view>
<view class="item">
<view>24</view>
<view>剩余课时</view>
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 底部导航-->
<!-- <AQTabber/>-->
</view>
</template>
<script>
import user from '@/api/user.js';
import AQTabber from "@/components/AQ/AQTabber.vue"
export default {
components: {
AQTabber,
},
data() {
return {
formData:{},
tabType:'1',//1=班级成员,2=作业任务
}
},
onLoad() {
},
methods: {
//切换tab
tabChange(tabType) {
this.tabType = tabType
},
//打开课程详情
openViewCourseInfo(item){
uni.navigateTo({
url: '/pages/coach/course/info'
})
},
//打开学员详情页
openViewStudentInfo(item){
uni.navigateTo({
url: '/pages/coach/student/info'
})
},
}
}
</script>
<style lang="less" scoped>
.main_box{
background: #292929 ;
}
//自定义导航栏
.navbar_section{
display: flex;
justify-content: center;
align-items: center;
background: #292929;
.title{
padding: 20rpx 0;
font-size: 30rpx;
color: #fff;
}
}
.main_section{
min-height: 100vh;
background: #292929 100%;
padding: 0 24rpx;
padding-top: 40rpx;
padding-bottom: 150rpx;
font-size: 24rpx;
color: #FFFFFF;
//班级成员列表
.section_4{
.ul{
display: flex;
flex-direction: column;
gap: 10rpx;
.li{
padding: 20rpx 0;
padding-bottom: 40rpx;
border-bottom: 2px solid #D7D7D7;
display: flex;
justify-content: space-between;
.left{
display: flex;
align-items: center;
gap: 30rpx;
.box_1{
padding-left: 20rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
.pic{
width: 84rpx;
height: 84rpx;
border-radius: 50%;
}
.tag_box{
position: absolute;
bottom: -30rpx;
width: 120rpx;
height: 38rpx;
background-color: #F59A23;
border-radius: 4rpx;
line-height: 35rpx;
text-align: center;
font-size: 20rpx;
}
}
.box_2{
display: flex;
flex-direction: column;
gap: 20rpx;
.name{
font-size: 28rpx;
}
.date{
font-size: 24rpx;
}
}
}
.right{
display: flex;
align-items: center;
gap: 14rpx;
.item{
border: 1px solid #00E5BB;
border-radius: 10rpx;
width: 102rpx;
display: flex;
flex-direction: column;
view{
text-align: center;
height: 50rpx;
line-height: 50rpx;
}
view:nth-child(1){
font-size: 32rpx;
background-color: #fff;
color: #00e5bb;
}
view:nth-child(2){
font-size: 20rpx;
background-color: #00e5bb;
}
}
}
}
}
}
}
</style>

121
pages/market/my/firm_info.vue
View File

@ -0,0 +1,121 @@
<!--企业信息-->
<template>
<view class="assemble">
<view style="height: 30rpx;"></view>
<view class="section_1">
<image class="pic" src="https://res.firstui.cn/static/images/common/img_logo.png" mode="aspectFit"></image>
</view>
<view class="title_section">基本信息</view>
<view class="section_2">
<view class="item">
<view class="title">企业名称</view>
<view class="content">荧幕小将</view>
</view>
<view class="item">
<view class="title">企业简称</view>
<view class="content">Europa</view>
</view>
<view class="item">
<view class="title">企业电话</view>
<view class="content">0755-88888888</view>
</view>
<view class="item">
<view class="title">所属行业</view>
<view class="content">教育培训</view>
</view>
<view class="item">
<view class="title">企业名称</view>
<view class="content">荧幕小将</view>
</view>
<view class="item">
<view class="title">企业网址</view>
<view class="content">http://www.ymxj.com</view>
</view>
<view class="item">
<view class="title">成立时间</view>
<view class="content">201x-08</view>
</view>
</view>
<view class="title_section">企业介绍</view>
<view class="section_3">
<view class="html" v-html="htmlData"></view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
htmlData:`<div data-v-24249f85="" class="con"><p data-v-24249f85="">爱查线索-爱查 ICP是上海凭安网络科技有限公司旗下产品。</p><p data-v-24249f85=""> 爱查线索-爱查 ICP（aichaicp.com）提供最新、最全的网站域名ICP备案信息查询，每天实时同步更新大量 官方数据。致力于为企业销售人员提供各种增值服务和解决各种问题，不再为找不到客户而苦恼！ </p><h4 data-v-24249f85="">本站特色</h4><p data-v-24249f85="">【实时更新】采用全新技术算法，提供毫秒级别加载速度，给您带来前所未有的实时更新体验</p><p data-v-24249f85="">【备案监控】多地区ICP备案信息监控</p><p data-v-24249f85="">【深度功能】百度推广开通状态、整年备案信息导出、提醒功能等，满足大部分满足用户需求</p><p data-v-24249f85="">【联系方式】可以查询到ICP备案网站信息联系方式</p></div>`
}
},
methods: {
privacy_agreement(type){
uni.navigateTo({
url: '/pages/common/privacy_agreement?type='+type
})
},
update_pass(){
uni.navigateTo({
url: '/pages/market/my/update_pass'
})
}
}
}
</script>
<style lang="less" scoped>
.assemble{
width: 100%;
min-height: 100vh;
background: #333333;
color: #fff;
}
.section_1{
.pic{
width: 100%;
height: 300rpx;
}
}
.title_section{
padding: 20rpx 40rpx;
color: #fff;
font-size: 24rpx;
}
.section_2{
background-color: #434544;
display: flex;
flex-direction: column;
.item{
padding: 40rpx;
padding-left: 40rpx;
display: flex;
gap: 30rpx;
}
}
.section_3{
padding: 20rpx 22rpx;
padding-bottom: 250rpx;
.html{
color: #fff;
}
}
</style>

10
pages/market/my/index.vue
View File

@ -67,7 +67,7 @@
<view>23</view>
</view>
<view class="item" @click="openViewDueSoon()">
<view class="item" @click="openViewFirmInfo()">
<view>企业信息</view>
<view></view>
</view>
@ -143,6 +143,14 @@ export default {
})
},
//打开企业信息
openViewFirmInfo(){
uni.navigateTo({
url: '/pages/market/my/firm_info'
})
},
//打开设置
openViewSetUp(){
uni.navigateTo({

275
pages/market/my/schooling_statistics.vue
View File

@ -1,275 +0,0 @@
<!--授课统计-详情-->
<template>
<view class="main_box">
<view class="main_section">
<view class="section_1">
<view class="ul">
<view class="li">
<view class="title">2021年3月</view>
<view class="box">
<view class="top">
<view class="top_item">
<view class="num">34</view>
<view class="explain">月授课数/节</view>
</view>
<view class="top_item">
<view class="num">4</view>
<view class="explain">总授班级/个</view>
</view>
<view class="top_item">
<view class="num">1234</view>
<view class="explain">月负责学员/名</view>
</view>
</view>
<view class="bottom">
月到课率<text>88%</text>
</view>
</view>
</view>
<view class="li">
<view class="title">2021年3月</view>
<view class="box">
<view class="top">
<view class="top_item">
<view class="num">34</view>
<view class="explain">月授课数/节</view>
</view>
<view class="top_item">
<view class="num">4</view>
<view class="explain">总授班级/个</view>
</view>
<view class="top_item">
<view class="num">1234</view>
<view class="explain">月负责学员/名</view>
</view>
</view>
<view class="bottom">
月到课率<text>88%</text>
</view>
</view>
</view>
<view class="li">
<view class="title">2021年3月</view>
<view class="box">
<view class="top">
<view class="top_item">
<view class="num">34</view>
<view class="explain">月授课数/节</view>
</view>
<view class="top_item">
<view class="num">4</view>
<view class="explain">总授班级/个</view>
</view>
<view class="top_item">
<view class="num">1234</view>
<view class="explain">月负责学员/名</view>
</view>
</view>
<view class="bottom">
月到课率<text>88%</text>
</view>
</view>
</view>
<view class="li">
<view class="title">2021年3月</view>
<view class="box">
<view class="top">
<view class="top_item">
<view class="num">34</view>
<view class="explain">月授课数/节</view>
</view>
<view class="top_item">
<view class="num">4</view>
<view class="explain">总授班级/个</view>
</view>
<view class="top_item">
<view class="num">1234</view>
<view class="explain">月负责学员/名</view>
</view>
</view>
<view class="bottom">
月到课率<text>88%</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import user from '@/api/user.js';
import AQTabber from "@/components/AQ/AQTabber.vue"
export default {
components: {
AQTabber,
},
data() {
return {
formData:{},
//课程下拉菜单相关
show_course:false,//是否显示下拉菜单
//课程下拉菜单
course_name:'课程',//选中的下拉菜单名称
options_course: [
{
text: '请选择课程',
value: '',
checked: true
}, {
text: '羽毛球课程1',
value: '1'
}, {
text: '篮球课程2',
value: '2'
}
],
//课室下拉菜单相关
show_classroom:false,//是否显示下拉菜单
//课程下拉菜单
classroom_name:'课室',//选中的下拉菜单名称
options_classroom: [
{
text: '请选择课室',
value: '',
checked: true
}, {
text: '羽毛球201',
value: '1'
}, {
text: '篮球室101',
value: '2'
}
],
}
},
onLoad() {
},
methods: {
//选中课程下拉菜单点击事件
clickCourse(e){
console.log(e)
this.course_name = e.text
this.show_course = true
},
//显示下拉菜单
filterTapCourse() {
//显示下拉框
this.$refs.ref_course.show()
this.show_course = true;
},
//选中课室
clickClassroom(e){
console.log(e)
this.classroom_name = e.text
this.show_classroom = true
},
//显示课室下拉菜单
filterTapClassroom() {
//显示下拉框
this.$refs.ref_classroom.show()
this.show_classroom = true;
},
//打开课时详情页
openViewCourseInfo(item){
uni.navigateTo({
url: '/pages/coach/course/info'
})
},
}
}
</script>
<style lang="less" scoped>
.main_box{
background: #292929 ;
}
//自定义导航栏
.navbar_section{
display: flex;
justify-content: center;
align-items: center;
background: #29d3b4;
.title{
padding: 20rpx 0;
font-size: 30rpx;
color: #315d55;
}
}
.main_section{
min-height: 100vh;
background: #292929 100%;
padding: 0 24rpx;
padding-top: 32rpx;
padding-bottom: 150rpx;
font-size: 28rpx;
.section_1{
color: #fff;
font-size: 24rpx;
.ul{
display: flex;
flex-direction: column;
gap: 56rpx;
.li{
.title{
color: #fff;
font-size: 24rpx;
}
.box{
margin-top: 24rpx;
padding: 36rpx 32rpx 28rpx 44rpx;
width: 700rpx;
border-radius: 14rpx;
background-color: #fff;
color: #333333FF;
font-size: 26rpx;
.top{
display: flex;
justify-content: space-between;
align-items: center;
.top_item{
display: flex;
flex-direction: column;
align-items: center;
gap: 12rpx;
.num{
font-size: 56rpx;
color: #29D3B4;
}
.explain{
font-size: 24rpx;
color: #AAAAAA;
}
}
}
.bottom{
margin-top: 34rpx;
font-size: 24rpx;
text{
margin-left: 15rpx;
color: #29D3B4;
}
}
}
}
}
}
}
</style>
Write Preview
Loading…
Cancel
Save