Commit 17d4678d authored by zhengke's avatar zhengke

增加

parent b56642e9
...@@ -12,7 +12,7 @@ export default { ...@@ -12,7 +12,7 @@ export default {
<style> <style>
@import url('~assets/css/font.css'); @import url('~assets/css/font.css');
@import url('//at.alicdn.com/t/font_2077629_h4fuobt2b3k.css'); @import url('//at.alicdn.com/t/font_2077629_s416h5svp1f.css');
html, html,
body, body,
......
...@@ -349,4 +349,17 @@ export function saveCourseOfferPrice(data) { ...@@ -349,4 +349,17 @@ export function saveCourseOfferPrice(data) {
} }
/**
* 获取公告弹窗数据
*/
export function GetMyNoticePageList(data) {
return request({
url: "/UserCenter/GetMyNoticePageList",
method: 'post',
data
})
}
\ No newline at end of file
<style>
.noticeTopBg {
width: 100%;
}
.noticeContent {
width: 100%;
min-height: 300px;
padding: 20px;
}
.notice_dix {
display: flex;
justify-content: space-between;
font-size: 13px;
}
.noticeBlue {
color: #2961FE;
font-weight: bold;
}
.notice_Span {
color: #111111;
font-weight: bold;
}
.noticeTitle {
width: 100%;
text-align: center;
font-size: 20px;
color: #000000;
margin-top: 20px;
font-weight: Medium;
}
.noticeInner {
margin-top: 20px;
color: #333333;
font-size: 14px;
line-height: 26px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.noticeFile {
color: #2961FE;
font-size: 13px;
}
.notice_Page {
display: inline-block;
width: 30px;
height: 30px;
background-color: #DFE7FF;
cursor: pointer;
}
</style>
<template>
<q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
<q-card style="width: 800px;max-width:800px;">
<div class="noticeTopBg">
<img style="width:100%;height:100%;" src="../../assets/images/noticeImg.png" />
</div>
<div class="noticeContent">
<div class="notice_dix">
<div>
<span class="noticeBlue">Fr:</span>
<span class="notice_Span">{{dataList[0].From}}</span>
</div>
<div>
<span class="noticeBlue">编号:</span>
<span class="notice_Span">{{dataList[0].Number}}</span>
</div>
</div>
<div style="margin:5px 0;">
<div>
<span class="noticeBlue">To:</span>
<span class="notice_Span">
<span v-for="(item,index) in dataList[0].toList">{{item}}</span>
</span>
</div>
</div>
<div>
<div>
<span class="noticeBlue">Cc:</span>
<span class="notice_Span">
<span v-for="(item,index) in dataList[0].ccList">{{item}}
<template v-if="index!=dataList[0].ccList.length-1"></template>
</span>
</span>
</div>
</div>
<div style="margin:5px 0;">
<div>
<span class="noticeBlue">Time:</span>
<span class="notice_Span">{{dataList[0].UpdateTime}}</span>
</div>
</div>
<div class="noticeTitle">{{dataList[0].Title}}</div>
<div class="noticeInner">
{{dataList[0].Content}}
</div>
<div class="notice_dix" style="margin-top:20px;">
<div>
<div class="noticeFile" v-if="dataList[0].fileList.length>0">
<span v-for="item in dataList[0].fileList"><i class="iconfont icon-Download"
style="margin-right:5px;"></i>关于2021年春节放假通知.jpg</span>
</div>
</div>
<div style="margin-top:5px;">
<div class="notice_Page" style="margin-right:10px;">
<img v-if="setingObj.PageIndex==1" src="../../assets/images/arrowLeft2.png" />
<img v-else src="../../assets/images/arrowLeft1.png" />
</div>
<div class="notice_Page">
<img v-if="setingObj.PageCount==setingObj.Count" src="../../assets/images/arrowRight2.png" />
<img v-else src="../../assets/images/arrowRight2.png" />
</div>
</div>
</div>
<q-btn label="查看详情" color="accent q-px-md" style="font-weight:400 !important;margin:30px 0 10px 40%;"
@click="goDetail" />
</div>
<q-card-actions align="right" class="bg-white">
<q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
</q-card-actions>
</q-card>
</q-dialog>
</template>
<script>
export default {
props: {
setingObj: {
type: Object,
default: null
}
},
data() {
return {
persistent: true,
dataList: []
}
},
created() {
if (this.setingObj) {
this.dataList = this.setingObj.PageData;
}
},
mounted() {},
methods: {
//关闭弹窗
closeSaveForm() {
this.$emit('close')
this.persistent = false
},
//查看详情
goDetail() {
}
},
}
</script>
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
narrow-indicator narrow-indicator
inline-label inline-label
> >
<q-tab alert="negative" name="msg"> <q-tab alert="negative" name="msg" style="display:none;">
<inline-svg class="svg-icon q-mr-xs" :class="[tab=='msg'?'svg-icon-secondary':'svg-icon-grey']" src="icons/svg/Communication/Chat-check.svg"></inline-svg> <inline-svg class="svg-icon q-mr-xs" :class="[tab=='msg'?'svg-icon-secondary':'svg-icon-grey']" src="icons/svg/Communication/Chat-check.svg"></inline-svg>
<span>消息</span> <span>消息</span>
</q-tab> </q-tab>
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
<q-tab-panel name="notify" class="scroll _scrollbar" > <q-tab-panel name="notify" class="scroll _scrollbar" >
<q-card flat class="relative-position overflow-hidden q-pa-md text-grey-1 cursor-pointer q-mb-md" style="height:130px" @click="undefinedGongneng"> <q-card flat class="relative-position overflow-hidden q-pa-md text-grey-1 cursor-pointer q-mb-md" style="height:130px" @click="undefinedGongneng">
<div class="gonggao-bg"> <div class="gonggao-bg">
<img :src="imgCov"> <img src="../../assets/images/noticeBg.png"/>
</div> </div>
<div class="flex row items-center relative-position"> <div class="flex row items-center relative-position">
<q-avatar size="30px" font-size="14px" rounded style="background:#C9F7F5" class="q-mr-md" text-color="secondary"> <q-avatar size="30px" font-size="14px" rounded style="background:#C9F7F5" class="q-mr-md" text-color="secondary">
...@@ -274,7 +274,7 @@ export default { ...@@ -274,7 +274,7 @@ export default {
.gonggao-bg img{ .gonggao-bg img{
width: 120%; width: 120%;
height: 120%; height: 120%;
filter: blur(20px); /* filter: blur(20px); */
overflow: hidden; overflow: hidden;
margin-top: -8%; margin-top: -8%;
margin-left: -5%; margin-left: -5%;
......
...@@ -42,18 +42,29 @@ ...@@ -42,18 +42,29 @@
<div v-if="chosenMenu==2" class="col" style="height: 750px;overflow: auto"> <div v-if="chosenMenu==2" class="col" style="height: 750px;overflow: auto">
<teachplan></teachplan> <teachplan></teachplan>
</div> </div>
<!-- zk新增公告弹窗 -->
<notice-form v-if="isShowNotice" :seting-obj="noticeObj" @close="closeNoticeForm">
</notice-form>
</div> </div>
</template> </template>
<script> <script>
import {
GetMyNoticePageList
} from '../api/course/index'
import teachplan from './course/teacherLesson' import teachplan from './course/teacherLesson'
import okr from './okr/index' import okr from './okr/index'
import alignView from './okr/okr-align-view' import alignView from './okr/okr-align-view'
import noticeForm from '../components/course/notice-form'
export default { export default {
components:{ components:{
teachplan, teachplan,
okr, okr,
alignView alignView,
noticeForm
}, },
name: 'PageIndex', name: 'PageIndex',
data(){ data(){
...@@ -66,7 +77,16 @@ ...@@ -66,7 +77,16 @@
AccountType:1, AccountType:1,
ispower:false,//是否显示备课管理 ispower:false,//是否显示备课管理
chosenMenu:1, chosenMenu:1,
okrMenu:1 okrMenu:1,
//通知请求参数
noticeMsg:{
pageIndex:1,
pageSize:1,
          LookTime:""
},
isShowNotice:false,
noticeObj:{}
} }
}, },
created() { created() {
...@@ -91,6 +111,8 @@ ...@@ -91,6 +111,8 @@
{label: '备课管理', value: 'two'}, {label: '备课管理', value: 'two'},
]; ];
} }
this.getNoticeList();
}, },
methods:{ methods:{
changeMenu(i){ changeMenu(i){
...@@ -108,6 +130,23 @@ ...@@ -108,6 +130,23 @@
this.getMapList(x.SubList) this.getMapList(x.SubList)
} }
}) })
},
//获取获取公告弹窗数据
getNoticeList(){
GetMyNoticePageList(this.noticeMsg).then(res => {
if (res.Code == 1) {
console.log(res,'数据');
this.noticeObj = res.Data;
if(res.Data.PageData.length>0){
this.isShowNotice=true;
}
}
})
},
//关闭公告弹窗
closeNoticeForm(){
this.isShowNotice=false;
} }
} }
} }
......
<style>
.contractView {
width: 1100px;
min-height: 500px;
height: auto;
margin: auto;
padding: 20px 0;
border: 1px solid #d1d1d1;
}
.comTitle {
border: 2px solid #808080;
padding: 5px;
background-color: #fff;
}
.comTiInner {
display: flex;
}
.comTLeft {
width: 90%;
background-color: #8ca6c0;
height: 45px;
color: #fff;
font-size: 25px;
text-align: center;
line-height: 45px;
}
.comTRight {
width: 10%;
background-color: #fbdccb;
height: 45px;
}
.comFirstTitle {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}
.contractBottom {
margin: 30px;
color: #000;
}
.comflex {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.contractInput {
border: 0;
display: inline-block;
border-bottom: 1px solid #c0c0c0;
width: 200px;
font-size: 16px;
text-align: center;
}
.comLeftTile {
margin-right: 20px;
}
.conTable td{
height:30px;
}
.conTable th{
height:40px;
}
.input2{
width:280px;
}
.input3{
width:250px;
}
</style>
<template>
<div class="contractView">
<div class="comTitle">
<div class="comTiInner">
<div class="comTLeft">甲鹤日语课程协议</div>
<div class="comTRight"></div>
</div>
</div>
<div class="contractBottom">
<div class="comFirstTitle">学员信息</div>
<div class="comflex">
<div>
<span class="comLeftTile">姓名</span>
<div class="contractInput"></div>
</div>
<div>
<span class="comLeftTile">出生日期</span>
<div class="contractInput"></div>
</div>
<div>
<span class="comLeftTile">性别</span>
<div class="contractInput"></div>
</div>
</div>
<div class="comflex">
<div>
<span class="comLeftTile">住址</span>
<div class="contractInput"></div>
</div>
<div>
<span class="comLeftTile">电话</span>
<div class="contractInput"></div>
</div>
<div>
<span class="comLeftTile">电子邮箱</span>
<div class="contractInput"></div>
</div>
</div>
<table class="conTable" style="margin:20px 0">
<tr>
<th style="text-align:left;">
<div class="comFirstTitle" style="margin-bottom:0;">家长信息</div>
</th>
<th style="width:300px;">家长</th>
<th style="width:300px;">紧急联系人</th>
<th>监护人身份证后4位</th>
</tr>
<tr>
<td>姓名</td>
<td>
<div class="contractInput input2"></div>
</td>
<td>
<div class="contractInput input2"></div>
</td>
<td rowspan="4">
<div class="contractInput input2"></div>
</td>
</tr>
<tr>
<td>与学员的关系</td>
<td>
<div class="contractInput input2"></div>
</td>
<td>
<div class="contractInput input2"></div>
</td>
</tr>
<tr>
<td>联系电话</td>
<td>
<div class="contractInput input2"></div>
</td>
<td>
<div class="contractInput input2"></div>
</td>
</tr>
<tr>
<td>电子邮箱</td>
<td>
<div class="contractInput input2"></div>
</td>
<td>
<div class="contractInput input2"></div>
</td>
</tr>
</table>
<table class="conTable" style="margin:20px 0">
<tr>
<th style="text-align:left;">
<div class="comFirstTitle" style="margin-bottom:0;">培训课程信息</div>
</th>
<th style="width:270px"></th>
<th>
<div class="comFirstTitle" style="margin-bottom:0;">校区信息</div>
</th>
<th style="width:270px"></th>
<th></th>
<th></th>
</tr>
<tr>
<td>培训课程内容</td>
<td>
<div class="contractInput input3"></div>
</td>
<td>
校区名称
</td>
<td>
<div class="contractInput input3"></div>
</td>
<td>
校区负责人
</td>
<td>
<div class="contractInput input3"></div>
</td>
</tr>
<tr>
<td>起始级别</td>
<td>
<div class="contractInput input3"></div>
</td>
<td>
课程顾问
</td>
<td>
<div class="contractInput input3"></div>
</td>
<td>
收款人
</td>
<td>
<div class="contractInput input3"></div>
</td>
</tr>
</table>
<table class="conTable" style="margin:20px 0">
<tr>
<th>
<div class="comFirstTitle" style="margin-bottom:0;width:80px;">费用类别</div>
</th>
<th>
<div class="comFirstTitle" style="margin-bottom:0;width:210px;">第一期</div>
</th>
<th>
<div class="comFirstTitle" style="margin-bottom:0;width:210px;">第二期</div>
</th>
<th>
<div class="comFirstTitle" style="margin-bottom:0;width:210px;">第三期</div>
</th>
<th>
<div class="comFirstTitle" style="margin-bottom:0;width:210px;">总计</div>
</th>
</tr>
<tr>
<td>培训课时数</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
</tr>
<tr>
<td>培训课程费</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
</tr>
<tr>
<td>培训教材费</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
</tr>
<tr>
<td>培训课件费</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
</tr>
<tr>
<td>费用小计</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
</tr>
<tr>
<td>折让价格</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
</tr>
<tr>
<td>
<span style="color:red;">费用总计</span>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
</tr>
<tr>
<td>支付日期</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
<td>
<div class="contractInput"></div>
</td>
</tr>
</table>
</div>
</div>
</template>
...@@ -645,6 +645,17 @@ const routes = [{ ...@@ -645,6 +645,17 @@ const routes = [{
component: () => component: () =>
import("pages/contractConfirm.vue") import("pages/contractConfirm.vue")
}, },
//公告预览
{
path: "/noticeView",
component: () =>
import("pages/noticeView.vue")
},
{
path: "/contractView",
component: () =>
import("pages/contractView.vue")
},
{ {
path: "/financial/financalDocument/PrintPage", //财务单据打印 path: "/financial/financalDocument/PrintPage", //财务单据打印
component: () => component: () =>
......
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