|
|
@@ -21,25 +21,27 @@
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="10" :offset="1">
|
|
|
- <div
|
|
|
+ <!-- <div
|
|
|
@click="handApor()"
|
|
|
:class="{superactive:Activeindex == false,ApporStyles:true}"
|
|
|
>批改老师</div>
|
|
|
<div
|
|
|
@click="AutoApor()"
|
|
|
:class="{superactive:Activeindex == true,ApporStyles:true}"
|
|
|
- >匹配知识点老师</div>
|
|
|
+ >匹配知识点老师</div> -->
|
|
|
+ <div v-for="(item, key) of teacherList" :key="key" @click="teacherType(key)" :class="{superactive:ActiveIndex == key,ApporStyles:true}">{{item}}</div>
|
|
|
</el-col>
|
|
|
<el-col :span="4" :offset="4">
|
|
|
<div class="main-header-item">
|
|
|
<i class="el-icon-printer"></i>
|
|
|
- <span v-if="this.showApporAways == false" @click="excel()">导出表格</span>
|
|
|
- <span v-if="this.showApporAways == true" @click="ApporvalAutoexcel()">导出表格</span>
|
|
|
+ <span v-if="ActiveIndex == 0" @click="excel()">导出表格</span>
|
|
|
+ <span v-if="ActiveIndex == 1" @click="ApporvalAutoexcel()">导出表格</span>
|
|
|
+ <span v-if="ActiveIndex == 2" @click="TeacherInfoExcel()">导出表格</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<!--批改老师列表 -->
|
|
|
- <el-col v-if="this.showApporAways == false">
|
|
|
+ <el-col v-if="ActiveIndex == 0">
|
|
|
<el-table
|
|
|
:data="getTeacherSalaryList.list"
|
|
|
:header-cell-class-name="tableheaderClassName"
|
|
|
@@ -91,7 +93,7 @@
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<!-- 匹配知识点老师 -->
|
|
|
- <div v-if="this.showApporAways == true">
|
|
|
+ <div v-if="ActiveIndex == 1">
|
|
|
<el-table
|
|
|
style="width: 100%"
|
|
|
:data="GetKnowledgeTeacherSalaryList.list"
|
|
|
@@ -131,6 +133,48 @@
|
|
|
:total="parseInt(GetKnowledgeTeacherSalaryList.pages)"
|
|
|
></el-pagination>
|
|
|
</div>
|
|
|
+ <!-- 老师资料表 -->
|
|
|
+ <div v-if="ActiveIndex == 2">
|
|
|
+ <el-table
|
|
|
+ style="width: 100%"
|
|
|
+ :data="this.AllTeacherInfoList.list"
|
|
|
+ :header-cell-class-name="tableheaderClassName"
|
|
|
+ :header-cell-style="{
|
|
|
+ 'background-color': '#F6F7FB',
|
|
|
+ 'color': '#393939',
|
|
|
+ 'font-size': '16px'
|
|
|
+ }"
|
|
|
+ size="medium"
|
|
|
+ border
|
|
|
+ stripe
|
|
|
+ >
|
|
|
+ <el-table-column label="注册老师" header-align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="scope-list">
|
|
|
+ <img :src="BASE_URL+scope.row.imgUrl" alt class="table-img" v-if="scope.row.imgUrl" />
|
|
|
+ <img src="../../assets/img/user.jpg" alt v-if="!scope.row.imgUrl" class="table-img" />
|
|
|
+ <span class="scope-name">{{scope.row.name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="bankName" label="开户行" header-align="center"></el-table-column>
|
|
|
+ <el-table-column prop="bankBranch" label="开户支行" header-align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="cardholder" label="开户人姓名" header-align="center"></el-table-column>
|
|
|
+ <el-table-column prop="cardNumber" label="银行卡号" header-align="center" ></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <!-- 分页显示 -->
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ @size-change="handleSizeChange2"
|
|
|
+ @current-change="pageChange2"
|
|
|
+ :page-sizes="[10,50,100,200]"
|
|
|
+ :current-page.sync="currentPage"
|
|
|
+ layout="sizes, total,prev, pager, next"
|
|
|
+ :hide-on-single-page="true"
|
|
|
+ :total="parseInt(AllTeacherInfoList.pages)"
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
@@ -167,13 +211,14 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
showApporAways:false,
|
|
|
- Activeindex: false,
|
|
|
+ ActiveIndex: 0,
|
|
|
BASE_URL: IMG_BASE_URL,
|
|
|
selMonth: "",
|
|
|
hiddenModel: false,
|
|
|
isPigai: false,
|
|
|
currentPageSize:10,
|
|
|
currentPage:1,
|
|
|
+ teacherList:['批改老师','匹配知识点老师','老师资料表'],
|
|
|
ItemList: [
|
|
|
{
|
|
|
text: "数据监控"
|
|
|
@@ -209,7 +254,13 @@ export default {
|
|
|
oneMonth: "",
|
|
|
pageNo: 1,
|
|
|
pageSize: 10
|
|
|
- }
|
|
|
+ },
|
|
|
+ filters1: {
|
|
|
+ MaxtimeValue: "",
|
|
|
+ oneMonth: "",
|
|
|
+ pageNo: 1,
|
|
|
+ pageSize: 10
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
watch: {},
|
|
|
@@ -217,7 +268,8 @@ export default {
|
|
|
...mapGetters([
|
|
|
"getUser",
|
|
|
"getTeacherSalaryList",
|
|
|
- "GetKnowledgeTeacherSalaryList"
|
|
|
+ "GetKnowledgeTeacherSalaryList",
|
|
|
+ "AllTeacherInfoList"
|
|
|
])
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -348,13 +400,71 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
+ //老师资料表
|
|
|
+ TeacherInfoExcel() {
|
|
|
+ try {
|
|
|
+ //var curTbl = document.getElementById(tableId);
|
|
|
+ //var lenRow = curTbl.rows.length;
|
|
|
+ var curTbl = $(".el-table")[0];
|
|
|
+ var lenRow = curTbl.rows.length;
|
|
|
+ //创建AX对象excel
|
|
|
+ var oXL = new ActiveXObject("Excel.Application");
|
|
|
+ //获取workbook对象
|
|
|
+ var oWB = oXL.Workbooks.Add();
|
|
|
+ var oSheet = oWB.ActiveSheet;
|
|
|
+
|
|
|
+ //取得表格行数
|
|
|
+ for (var i = 0; i < lenRow; i++) {
|
|
|
+ var lenCol = curTbl.rows(i).cells.length;
|
|
|
+ //取得每行的列数
|
|
|
+ for (var j = 0; j < lenCol; j++) {
|
|
|
+ oSheet.Cells(i + 1, j + 1).value = curTbl
|
|
|
+ .rows(i)
|
|
|
+ .cells(j).innerText;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ oXL.Visible = true; //设置excel可见属性
|
|
|
+ //oXL.UserControl = true;
|
|
|
+ //oXL=null
|
|
|
+ } catch (e) {
|
|
|
+ if (!+"\v1") {
|
|
|
+ //ie浏览器
|
|
|
+ alert("无法启动Excel，请确保电脑中已经安装了Excel!");
|
|
|
+ } else {
|
|
|
+ let arr = this.AllTeacherInfoList.list;
|
|
|
+ let str =
|
|
|
+ "注册老师,开户行,开户支行,开户人姓名,银行卡号";
|
|
|
+ for (let i = 0; i < arr.length; i++) {
|
|
|
+ str +=
|
|
|
+ "\n" +
|
|
|
+ arr[i].name +
|
|
|
+ "," +
|
|
|
+ arr[i].bankName +
|
|
|
+ "," +
|
|
|
+ arr[i].bankBranch +
|
|
|
+ "," +
|
|
|
+ arr[i].cardholder +
|
|
|
+ "," +
|
|
|
+ arr[i].cardNumber;
|
|
|
+ }
|
|
|
+ var uri = "data:text/csv;charset=utf-8," + encodeURIComponent(str);
|
|
|
+ var downloadLink = document.createElement("a");
|
|
|
+ downloadLink.href = uri;
|
|
|
+ downloadLink.download = "export.csv";
|
|
|
+
|
|
|
+ document.body.appendChild(downloadLink);
|
|
|
+ downloadLink.click();
|
|
|
+ document.body.removeChild(downloadLink);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
// 手动批改
|
|
|
handApor() {
|
|
|
this.Activeindex = false;
|
|
|
this.showApporAways = false;
|
|
|
this.filters.pageNo = 1;
|
|
|
this.selMonth = '';
|
|
|
- this.filters.pageSize = 10;
|
|
|
+ this.filters.pageSize = 10;
|
|
|
this.currentPage = 1;
|
|
|
this.GetTeacherSalaryList()
|
|
|
},
|
|
|
@@ -368,6 +478,27 @@ export default {
|
|
|
this.filters0.pageSize = 10;
|
|
|
this.GetKnownleageSalaryList();
|
|
|
},
|
|
|
+ // 选择老师
|
|
|
+ teacherType(k) {
|
|
|
+ this.ActiveIndex = k;
|
|
|
+ if (k == 0) {
|
|
|
+ this.filters.pageNo = 1;
|
|
|
+ this.filters.pageSize = 10;
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.GetTeacherSalaryList()
|
|
|
+ } else if (k == 1) {
|
|
|
+ this.filters0.pageNo = 1;
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.filters0.pageSize = 10;
|
|
|
+ this.GetKnownleageSalaryList();
|
|
|
+ } else if (k == 2) {
|
|
|
+ this.filters1.pageNo = 1;
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.filters1.pageSize = 10;
|
|
|
+ this.AllInfoList();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 匹配知识点老师薪酬列表
|
|
|
GetKnownleageSalaryList (){
|
|
|
this.$store.dispatch("GetKnowledgeTeacherSalaryInfo", {
|
|
|
pageNo: this.filters0.pageNo,
|
|
|
@@ -376,6 +507,15 @@ export default {
|
|
|
maxCreateTime: this.formatDate()
|
|
|
});
|
|
|
},
|
|
|
+ // 老师资料列表
|
|
|
+ AllInfoList (){
|
|
|
+ this.$store.dispatch("AllTeacherInfoList", {
|
|
|
+ pageNo: this.filters1.pageNo,
|
|
|
+ pageSize: this.filters1.pageSize,
|
|
|
+ oneMonth: this.selMonth,
|
|
|
+ maxCreateTime: this.formatDate()
|
|
|
+ });
|
|
|
+ },
|
|
|
//弹框
|
|
|
isShow(str) {
|
|
|
let _this = this;
|
|
|
@@ -422,13 +562,9 @@ export default {
|
|
|
maxCreateTime: this.formatDate()
|
|
|
});
|
|
|
},
|
|
|
+
|
|
|
GetTeacherSalaryListDatas(){
|
|
|
- if (this.Activeindex == false){
|
|
|
- this.GetTeacherSalaryList();
|
|
|
- }
|
|
|
- if (this.Activeindex == true){
|
|
|
- this.GetKnownleageSalaryList()
|
|
|
- }
|
|
|
+ this.teacherType(this.ActiveIndex)
|
|
|
},
|
|
|
// 分页
|
|
|
pageChange(val) {
|
|
|
@@ -442,6 +578,12 @@ export default {
|
|
|
this.filters0.pageNo = val;
|
|
|
this.GetKnownleageSalaryList();
|
|
|
},
|
|
|
+ // 分页
|
|
|
+ pageChange2(val) {
|
|
|
+ this.currentPage = val;
|
|
|
+ this.filters1.pageNo = val;
|
|
|
+ this.AllInfoList();
|
|
|
+ },
|
|
|
changeDateSlot(dateSlot) {
|
|
|
if (dateSlot) {
|
|
|
this.filters.startDate = dateSlot[0];
|
|
|
@@ -475,6 +617,10 @@ export default {
|
|
|
this.filters0.pageSize = val;
|
|
|
this.GetKnownleageSalaryList();
|
|
|
},
|
|
|
+ handleSizeChange2(val) {
|
|
|
+ this.filters1.pageSize = val;
|
|
|
+ this.AllInfoList();
|
|
|
+ },
|
|
|
// 排序
|
|
|
sortChange(sort) {
|
|
|
this.filters.orderField = sort.prop;
|
|
|
@@ -492,7 +638,7 @@ export default {
|
|
|
},
|
|
|
mounted() {
|
|
|
sessionStorage.setItem("tabIndex", 2);
|
|
|
- console.log(sessionStorage.getItem("tabIndex"));
|
|
|
+
|
|
|
this.GetTeacherSalaryList();
|
|
|
}
|
|
|
};
|
xiaoyuhao