|
|
@@ -2,52 +2,43 @@
|
|
|
<div class='basea-container'>
|
|
|
<div class="baseTop">
|
|
|
<div class="left">
|
|
|
- <el-form :inline="true"
|
|
|
- :model="topForm">
|
|
|
+ <el-form :inline="true" :model="topForm">
|
|
|
<el-form-item label="乐团编号">
|
|
|
- <el-input v-model="topForm.num"
|
|
|
- disabled></el-input>
|
|
|
+ <el-input v-model="topForm.num" disabled></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="教务老师">
|
|
|
- <el-input v-model="topForm.teacher"
|
|
|
- disabled></el-input>
|
|
|
+ <el-input v-model="topForm.teacher" disabled></el-input>
|
|
|
<!-- <el-select>
|
|
|
<el-option label="啦啦啦"
|
|
|
value="1"></el-option>
|
|
|
</el-select> -->
|
|
|
</el-form-item>
|
|
|
<el-form-item label="所属分部">
|
|
|
- <el-input v-model="topForm.section"
|
|
|
- disabled></el-input>
|
|
|
+ <el-input v-model="topForm.section" disabled></el-input>
|
|
|
<!-- <el-select v-model="topForm.section">
|
|
|
<el-option label="啦啦啦"
|
|
|
value="1"></el-option>
|
|
|
</el-select> -->
|
|
|
</el-form-item>
|
|
|
<el-form-item label="乐队指导">
|
|
|
- <el-input v-model="topForm.boss"
|
|
|
- disabled></el-input>
|
|
|
+ <el-input v-model="topForm.boss" disabled></el-input>
|
|
|
<!-- <el-select v-model="topForm.boss">
|
|
|
<el-option label="啦啦啦"
|
|
|
value="1"></el-option>
|
|
|
</el-select> -->
|
|
|
</el-form-item>
|
|
|
<el-form-item label="合作单位">
|
|
|
- <el-input v-model="topForm.cooperate"
|
|
|
- disabled></el-input>
|
|
|
+ <el-input v-model="topForm.cooperate" disabled></el-input>
|
|
|
<!-- <el-select v-model="topForm.cooperate">
|
|
|
<el-option label="啦啦啦"
|
|
|
value="1"></el-option>
|
|
|
</el-select> -->
|
|
|
</el-form-item>
|
|
|
<el-form-item label="上课地点">
|
|
|
- <el-input v-model="topForm.add"
|
|
|
- disabled
|
|
|
- style="width:370px;"></el-input>
|
|
|
+ <el-input v-model="topForm.add" disabled style="width:370px;"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="收费类型">
|
|
|
- <el-input v-model="topForm.type"
|
|
|
- disabled></el-input>
|
|
|
+ <el-input v-model="topForm.type" disabled></el-input>
|
|
|
<!-- <el-select v-model="topForm.type">
|
|
|
<el-option label="啦啦啦"
|
|
|
value="1"></el-option>
|
|
|
@@ -67,8 +58,7 @@
|
|
|
</div>
|
|
|
<div class="right">
|
|
|
<ul>
|
|
|
- <li v-for="(item,index) in processList"
|
|
|
- :key='index'>{{ item.createTime}} {{ item.realName }} {{item.event}}</li>
|
|
|
+ <li v-for="(item,index) in processList" :key='index'>{{ item.createTime}} {{ item.realName }} {{item.event}}</li>
|
|
|
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -81,198 +71,235 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { getMusicGroup, getMusicGroupProcess } from '@/api/buildTeam'
|
|
|
-import QRCode from 'qrcodejs2'
|
|
|
-import axios from 'axios'
|
|
|
-import qs from 'qs'
|
|
|
-import { getToken } from '@/utils/auth'
|
|
|
-export default {
|
|
|
- props: {
|
|
|
- teamid: {
|
|
|
- type: String,
|
|
|
- required: true
|
|
|
- },
|
|
|
- },
|
|
|
- data () {
|
|
|
- return {
|
|
|
- topForm: {
|
|
|
- num: '',
|
|
|
- teacher: '',
|
|
|
- section: '',
|
|
|
- boss: '',
|
|
|
- cooperate: '',
|
|
|
- add: '',
|
|
|
- type: '',
|
|
|
- salary: ''
|
|
|
+ import {
|
|
|
+ getMusicGroup,
|
|
|
+ getMusicGroupProcess
|
|
|
+ } from '@/api/buildTeam'
|
|
|
+ import QRCode from 'qrcodejs2'
|
|
|
+ import axios from 'axios'
|
|
|
+ import qs from 'qs'
|
|
|
+ import {
|
|
|
+ getToken
|
|
|
+ } from '@/utils/auth'
|
|
|
+ export default {
|
|
|
+ props: {
|
|
|
+ teamid: {
|
|
|
+ type: String,
|
|
|
+ required: true
|
|
|
},
|
|
|
- name: '',
|
|
|
- processList: []
|
|
|
- }
|
|
|
- },
|
|
|
- mounted () {
|
|
|
- // 获取乐团基本信息
|
|
|
- // let teamid = '191014135135001';
|
|
|
- // this.creatQrCode();
|
|
|
- getMusicGroup({ musicGroupId: this.teamid }).then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.topForm.num = res.data.id;
|
|
|
- // this.topForm.teacher = res.data.teamTeacherName;
|
|
|
- this.topForm.teacher = res.data.educationalTeacherName;
|
|
|
- this.topForm.boss = res.data.directorUserName;
|
|
|
- this.topForm.cooperate = res.data.schoolName;
|
|
|
- this.topForm.type = res.data.chargeTypeName;
|
|
|
- this.topForm.section = res.data.organName;
|
|
|
- this.topForm.add = res.data.address
|
|
|
- // 差上课地点
|
|
|
- this.$emit('getname', res.data.name)
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ topForm: {
|
|
|
+ num: '',
|
|
|
+ teacher: '',
|
|
|
+ section: '',
|
|
|
+ boss: '',
|
|
|
+ cooperate: '',
|
|
|
+ add: '',
|
|
|
+ type: '',
|
|
|
+ salary: ''
|
|
|
+ },
|
|
|
+ name: '',
|
|
|
+ processList: []
|
|
|
}
|
|
|
- })
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ // 获取乐团基本信息
|
|
|
+ // let teamid = '191014135135001';
|
|
|
+ // this.creatQrCode();
|
|
|
+ getMusicGroup({
|
|
|
+ musicGroupId: this.teamid
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.topForm.num = res.data.id;
|
|
|
+ // this.topForm.teacher = res.data.teamTeacherName;
|
|
|
+ this.topForm.teacher = res.data.educationalTeacherName;
|
|
|
+ this.topForm.boss = res.data.directorUserName;
|
|
|
+ this.topForm.cooperate = res.data.schoolName;
|
|
|
+ this.topForm.type = res.data.chargeTypeName;
|
|
|
+ this.topForm.section = res.data.organName;
|
|
|
+ this.topForm.add = res.data.address
|
|
|
+ // 差上课地点
|
|
|
+ this.$emit('getname', res.data.name)
|
|
|
+ }
|
|
|
+ })
|
|
|
|
|
|
- // 根据乐团id获取乐团流程
|
|
|
- getMusicGroupProcess({ musicGroupId: this.teamid }).then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.processList = res.data;
|
|
|
- }
|
|
|
- })
|
|
|
- }, methods: {
|
|
|
- creatQrCode () {
|
|
|
- var qrcode = new QRCode(this.$refs.qrCodeUrl, {
|
|
|
- text: 'http://www.baidu.com',
|
|
|
- width: 300,
|
|
|
- height: 300,
|
|
|
- colorDark: '#000000',
|
|
|
- colorLight: '#ffffff',
|
|
|
- correctLevel: QRCode.CorrectLevel.H
|
|
|
+ // 根据乐团id获取乐团流程
|
|
|
+ getMusicGroupProcess({
|
|
|
+ musicGroupId: this.teamid
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.processList = res.data;
|
|
|
+ }
|
|
|
})
|
|
|
},
|
|
|
- musicalListExport () { // 报表导出
|
|
|
- let url = '/api-web/order/musicalListExport'
|
|
|
- let data = {
|
|
|
- musicGroupId: this.$route.query.id,
|
|
|
- }
|
|
|
- const options = {
|
|
|
- method: 'POST',
|
|
|
- headers: {
|
|
|
- 'Authorization': getToken()
|
|
|
- },
|
|
|
- data: qs.stringify(data),
|
|
|
- url,
|
|
|
- responseType: 'blob'
|
|
|
- }
|
|
|
- axios(options).then(res => {
|
|
|
- let blob = new Blob([res.data], {
|
|
|
- // type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'
|
|
|
- type: 'application/vnd.ms-excel;charset=utf-8'
|
|
|
- //word文档为application/msword,pdf文档为application/pdf,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8
|
|
|
- })
|
|
|
- let objectUrl = URL.createObjectURL(blob)
|
|
|
- let link = document.createElement("a")
|
|
|
- let nowTime = new Date()
|
|
|
- let ymd = nowTime.getFullYear() + '' + (nowTime.getMonth() + 1) + '' + nowTime.getDate() + '' + nowTime.getHours() + '' + nowTime.getMinutes()
|
|
|
- let fname = this.$route.query.id + '-' + ymd + '发放清单' //下载文件的名字
|
|
|
- link.href = objectUrl
|
|
|
- link.setAttribute("download", fname)
|
|
|
- document.body.appendChild(link)
|
|
|
- link.click()
|
|
|
- })
|
|
|
- },
|
|
|
- musicalListDetailExport () { // 报表导出
|
|
|
- let url = '/api-web/order/musicalListDetailExport'
|
|
|
- let data = {
|
|
|
- musicGroupId: this.$route.query.id
|
|
|
- }
|
|
|
- const options = {
|
|
|
- method: 'POST',
|
|
|
- headers: {
|
|
|
- 'Authorization': getToken()
|
|
|
- },
|
|
|
- data: qs.stringify(data),
|
|
|
- url,
|
|
|
- responseType: 'blob'
|
|
|
- }
|
|
|
- axios(options).then(res => {
|
|
|
- let blob = new Blob([res.data], {
|
|
|
- // type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'
|
|
|
- type: 'application/vnd.ms-excel;charset=utf-8'
|
|
|
- //word文档为application/msword,pdf文档为application/pdf,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8
|
|
|
- })
|
|
|
- let objectUrl = URL.createObjectURL(blob)
|
|
|
- let link = document.createElement("a")
|
|
|
- let nowTime = new Date()
|
|
|
- let ymd = nowTime.getFullYear() + '' + (nowTime.getMonth() + 1) + '' + nowTime.getDate() + '' + nowTime.getHours() + '' + nowTime.getMinutes()
|
|
|
- let fname = this.$route.query.id + '-' + ymd + '分发清单' //下载文件的名字
|
|
|
- link.href = objectUrl
|
|
|
- link.setAttribute("download", fname)
|
|
|
- document.body.appendChild(link)
|
|
|
- link.click()
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
-}
|
|
|
-</script>
|
|
|
-<style lang="scss" scope>
|
|
|
-.basea-container {
|
|
|
- margin-top: 35px;
|
|
|
- .baseTop {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: space-between;
|
|
|
- .left {
|
|
|
- max-width: 750px;
|
|
|
- .el-select {
|
|
|
- width: 180px !important;
|
|
|
- }
|
|
|
- }
|
|
|
- .right {
|
|
|
- height: 40vh;
|
|
|
- overflow: scroll;
|
|
|
- ul {
|
|
|
- li {
|
|
|
- list-style: none;
|
|
|
- line-height: 22px;
|
|
|
- font-size: 14px;
|
|
|
- color: #aaa;
|
|
|
+ methods: {
|
|
|
+ creatQrCode() {
|
|
|
+ var qrcode = new QRCode(this.$refs.qrCodeUrl, {
|
|
|
+ text: 'http://www.baidu.com',
|
|
|
+ width: 300,
|
|
|
+ height: 300,
|
|
|
+ colorDark: '#000000',
|
|
|
+ colorLight: '#ffffff',
|
|
|
+ correctLevel: QRCode.CorrectLevel.H
|
|
|
+ })
|
|
|
+ },
|
|
|
+ musicalListExport() { // 报表导出
|
|
|
+ let url = '/api-web/order/musicalListExport'
|
|
|
+ let data = { }
|
|
|
+ const options = {
|
|
|
+ method: 'POST',
|
|
|
+ headers: {
|
|
|
+ 'Authorization': getToken()
|
|
|
+ },
|
|
|
+ data: qs.stringify(data),
|
|
|
+ url,
|
|
|
+ responseType: 'blob'
|
|
|
}
|
|
|
+ this.$confirm('您确定导出发放清单', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ axios(options).then(res => {
|
|
|
+ let blob = new Blob([res.data], {
|
|
|
+ // type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'
|
|
|
+ type: 'application/vnd.ms-excel;charset=utf-8'
|
|
|
+ //word文档为application/msword,pdf文档为application/pdf,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8
|
|
|
+ })
|
|
|
+ let objectUrl = URL.createObjectURL(blob)
|
|
|
+ let link = document.createElement("a")
|
|
|
+ let nowTime = new Date()
|
|
|
+ let ymd = nowTime.getFullYear() + '' + (nowTime.getMonth() + 1) + '' + nowTime.getDate() + '' +
|
|
|
+ nowTime.getHours() +
|
|
|
+ '' + nowTime.getMinutes()
|
|
|
+ let fname = this.$route.query.id + '-' + ymd + '发放清单' //下载文件的名字
|
|
|
+ link.href = objectUrl
|
|
|
+ link.setAttribute("download", fname)
|
|
|
+ document.body.appendChild(link)
|
|
|
+ link.click()
|
|
|
+ })
|
|
|
+ }).catch(() => {})
|
|
|
+
|
|
|
+ },
|
|
|
+ musicalListDetailExport() { // 报表导出
|
|
|
+ let url = '/api-web/order/musicalListDetailExport'
|
|
|
+ let data = {
|
|
|
+ musicGroupId: this.$route.query.id
|
|
|
+ }
|
|
|
+ const options = {
|
|
|
+ method: 'POST',
|
|
|
+ headers: {
|
|
|
+ 'Authorization': getToken()
|
|
|
+ },
|
|
|
+ data: qs.stringify(data),
|
|
|
+ url,
|
|
|
+ responseType: 'blob'
|
|
|
+ }
|
|
|
+ this.$confirm('您确定导出分发清单', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ axios(options).then(res => {
|
|
|
+ let blob = new Blob([res.data], {
|
|
|
+ // type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'
|
|
|
+ type: 'application/vnd.ms-excel;charset=utf-8'
|
|
|
+ //word文档为application/msword,pdf文档为application/pdf,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8
|
|
|
+ })
|
|
|
+ let objectUrl = URL.createObjectURL(blob)
|
|
|
+ let link = document.createElement("a")
|
|
|
+ let nowTime = new Date()
|
|
|
+ let ymd = nowTime.getFullYear() + '' + (nowTime.getMonth() + 1) + '' + nowTime.getDate() + '' +
|
|
|
+ nowTime.getHours() +
|
|
|
+ '' + nowTime.getMinutes()
|
|
|
+ let fname = this.$route.query.id + '-' + ymd + '分发清单' //下载文件的名字
|
|
|
+ link.href = objectUrl
|
|
|
+ link.setAttribute("download", fname)
|
|
|
+ document.body.appendChild(link)
|
|
|
+ link.click()
|
|
|
+ })
|
|
|
+ }).catch(() => {})
|
|
|
}
|
|
|
- &::-webkit-scrollbar {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
}
|
|
|
- .baseBottom {
|
|
|
- margin-top: 40px;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- .code {
|
|
|
- width: 300px;
|
|
|
- height: 300px;
|
|
|
- background-color: red;
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
- .btnList {
|
|
|
- width: 300px;
|
|
|
+</script>
|
|
|
+<style lang="scss" scope>
|
|
|
+ .basea-container {
|
|
|
+ margin-top: 35px;
|
|
|
+
|
|
|
+ .baseTop {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
justify-content: space-between;
|
|
|
- margin-top: 60px;
|
|
|
- div {
|
|
|
- cursor: pointer;
|
|
|
- width: 120px;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- border-radius: 4px;
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
+
|
|
|
+ .left {
|
|
|
+ max-width: 750px;
|
|
|
+
|
|
|
+ .el-select {
|
|
|
+ width: 180px !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .right {
|
|
|
+ height: 40vh;
|
|
|
+ overflow: scroll;
|
|
|
+
|
|
|
+ ul {
|
|
|
+ li {
|
|
|
+ list-style: none;
|
|
|
+ line-height: 22px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #aaa;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &::-webkit-scrollbar {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
}
|
|
|
- .closeBtn {
|
|
|
- background-color: #777;
|
|
|
+ }
|
|
|
+
|
|
|
+ .baseBottom {
|
|
|
+ margin-top: 40px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .code {
|
|
|
+ width: 300px;
|
|
|
+ height: 300px;
|
|
|
+ background-color: red;
|
|
|
+ margin-bottom: 20px;
|
|
|
}
|
|
|
- .okBtn {
|
|
|
- background-color: #f97215;
|
|
|
+
|
|
|
+ .btnList {
|
|
|
+ width: 300px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-top: 60px;
|
|
|
+
|
|
|
+ div {
|
|
|
+ cursor: pointer;
|
|
|
+ width: 120px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .closeBtn {
|
|
|
+ background-color: #777;
|
|
|
+ }
|
|
|
+
|
|
|
+ .okBtn {
|
|
|
+ background-color: #f97215;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
</style>
|
