|
|
@@ -30,35 +30,54 @@
|
|
|
icon="el-icon-refresh"
|
|
|
plain
|
|
|
@click="resetStudentList">重置</el-button>
|
|
|
+ <el-button plain
|
|
|
+ @click="exportis">导出</el-button>
|
|
|
</el-form>
|
|
|
<div class="tableWrap">
|
|
|
- <el-table :data='tableList'>
|
|
|
+ <el-table :data='tableList'
|
|
|
+ id='tableid'>
|
|
|
<el-table-column align="center"
|
|
|
- label="学生编号"></el-table-column>
|
|
|
+ label="学生姓名"
|
|
|
+ prop='userName'></el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
- label="学生姓名"></el-table-column>
|
|
|
+ label="订单编号"
|
|
|
+ prop='orderNo'></el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
- label="订单编号"></el-table-column>
|
|
|
+ label="收款账户"
|
|
|
+ prop='account'></el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
- label="方式"></el-table-column>
|
|
|
+ label="支付金额"
|
|
|
+ prop='amount'></el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
- label="收款账户"></el-table-column>
|
|
|
+ label="到账时间"
|
|
|
+ prop='payTime'></el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
- label="支付金额"></el-table-column>
|
|
|
+ label="备注">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div>
|
|
|
+ {{scope.row.remark +' '+scope.row.sdName}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
- label="到账时间"></el-table-column>
|
|
|
+ label="课程费用"
|
|
|
+ prop='tuiFee'></el-table-column>
|
|
|
<el-table-column align="center"
|
|
|
- label="备注"></el-table-column>
|
|
|
+ label="商品"
|
|
|
+ prop="goodsFee"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ label="教辅费用"
|
|
|
+ prop="sdFee"></el-table-column>
|
|
|
</el-table>
|
|
|
- <div class="paginationWrap">
|
|
|
- <el-pagination background
|
|
|
+ <!-- <div class="paginationWrap"> -->
|
|
|
+ <!-- <el-pagination background
|
|
|
class="pagination"
|
|
|
layout="prev, pager, next"
|
|
|
:total="total"
|
|
|
:current-page.sync="currentPage"
|
|
|
:page-size.sync="limit"
|
|
|
- @current-change="handleCurrentChange"></el-pagination>
|
|
|
- </div>
|
|
|
+ @current-change="handleCurrentChange"></el-pagination> -->
|
|
|
+ <!-- </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -77,8 +96,9 @@ export default {
|
|
|
limit: 20,
|
|
|
total: 0,
|
|
|
page: 1,
|
|
|
- brancheList: []
|
|
|
-
|
|
|
+ brancheList: [],
|
|
|
+ idTmr: '',
|
|
|
+ tableId: ''
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -93,6 +113,7 @@ export default {
|
|
|
},
|
|
|
mounted () {
|
|
|
this.getBranches();
|
|
|
+ this.getstudentList();
|
|
|
},
|
|
|
methods: {
|
|
|
handleCurrentChange (val) {
|
|
|
@@ -114,7 +135,7 @@ export default {
|
|
|
},
|
|
|
getstudentList () {
|
|
|
checkOrderList(qs.stringify({ classId: this.topForm.team, type: this.topForm.money })).then(res => {
|
|
|
- console.log(res);
|
|
|
+ this.tableList = res.data;
|
|
|
})
|
|
|
},
|
|
|
resetStudentList () {
|
|
|
@@ -122,6 +143,93 @@ export default {
|
|
|
this.topForm.money = "";
|
|
|
this.page = 1;
|
|
|
this.getstudentList();
|
|
|
+ },
|
|
|
+ exportis () {
|
|
|
+ // var curTbl = document.getElementById('tableid');
|
|
|
+ // this.tableId = curTbl;
|
|
|
+ // console.log(curTbl);
|
|
|
+ this.method5('tableid');
|
|
|
+ },
|
|
|
+
|
|
|
+ // 导出
|
|
|
+ getExplorer () {
|
|
|
+ var explorer = window.navigator.userAgent;
|
|
|
+ //ie
|
|
|
+ if (explorer.indexOf("MSIE") >= 0) {
|
|
|
+ return 'ie';
|
|
|
+ }
|
|
|
+ //firefox
|
|
|
+ else if (explorer.indexOf("Firefox") >= 0) {
|
|
|
+ return 'Firefox';
|
|
|
+ }
|
|
|
+ //Chrome
|
|
|
+ else if (explorer.indexOf("Chrome") >= 0) {
|
|
|
+ return 'Chrome';
|
|
|
+ }
|
|
|
+ //Opera
|
|
|
+ else if (explorer.indexOf("Opera") >= 0) {
|
|
|
+ return 'Opera';
|
|
|
+ }
|
|
|
+ //Safari
|
|
|
+ else if (explorer.indexOf("Safari") >= 0) {
|
|
|
+ return 'Safari';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ method5 (tableid) {
|
|
|
+
|
|
|
+ if (this.getExplorer() == 'ie') {
|
|
|
+ var curTbl = document.getElementById(tableid);
|
|
|
+ var oXL = new ActiveXObject("Excel.Application");
|
|
|
+ var oWB = oXL.Workbooks.Add();
|
|
|
+ var xlsheet = oWB.Worksheets(1);
|
|
|
+ var sel = document.body.createTextRange();
|
|
|
+ sel.moveToElementText(curTbl);
|
|
|
+ sel.select();
|
|
|
+ sel.execCommand("Copy");
|
|
|
+ xlsheet.Paste();
|
|
|
+ oXL.Visible = true;
|
|
|
+ try {
|
|
|
+
|
|
|
+ var fname = oXL.Application.GetSaveAsFilename("哈哈哈.xls", "Excel Spreadsheets (*.xls), *.xls");
|
|
|
+ } catch (e) {
|
|
|
+ print("Nested catch caught " + e);
|
|
|
+ } finally {
|
|
|
+ oWB.SaveAs(fname);
|
|
|
+ oWB.Close(savechanges = false);
|
|
|
+ oXL.Quit();
|
|
|
+ oXL = null;
|
|
|
+ this.idTmr = window.setInterval("Cleanup();", 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.tableToExcel();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Cleanup () {
|
|
|
+ window.clearInterval(this.idTmr);
|
|
|
+ this.CollectGarbage();
|
|
|
+ },
|
|
|
+ tableToExcel () {
|
|
|
+
|
|
|
+ (function () {
|
|
|
+ var uri = 'data:application/vnd.ms-excel;base64,',
|
|
|
+ template = '<html><head><meta charset="UTF-8"></head><body><table>{table}</table></body></html>',
|
|
|
+ base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) },
|
|
|
+ format = function (s, c) {
|
|
|
+ return s.replace(/{(\w+)}/g,
|
|
|
+ function (m, p) { return c[p]; }) }
|
|
|
+ // table name
|
|
|
+ let table = document.getElementById('tableid')
|
|
|
+ // || name
|
|
|
+ var ctx = { worksheet: 'Worksheet', table: table.innerHTML }
|
|
|
+ window.location.href = uri + base64(format(template, ctx))
|
|
|
+ //
|
|
|
+ // return function () {
|
|
|
+
|
|
|
+
|
|
|
+ // }
|
|
|
+ })()
|
|
|
}
|
|
|
}
|
|
|
}
|
