hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-21 16:56:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 报表三期样式修改

Browse Source
This commit is contained in:
mx00085@163.com
2023-03-29 17:10:21 +08:00
parent e63092e3fe
commit f68575d08e
7 changed files with 405 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/views/report/Article.vue
View File

@@ -24,21 +24,21 @@
</a-input> </a-input>
</div> </div>
<div style="display: flex; margin-bottom: 20px"> <div style="display: flex; margin-bottom: 20px">
<div class="btnn btn1" @click="getTableData"> <div class="btnzx btnzx1" @click="getTableData">
<div class="search"></div> <div class="search"></div>
<div class="btnText">搜索</div> <div class="btnzText">搜索</div>
</div> </div>
<div class="btn btn2" @click="resetClick"> <div class="btnzx btnzx1" @click="resetClick">
<div class="search"></div> <div class="search"></div>
<div class="btnText">重置</div> <div class="btnzText">重置</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 以下为导出按钮 --> <!-- 以下为导出按钮 -->
<div class="btns"> <div class="btnzs">
<div class="btn btn3" @click="exportAll"> <div class="btnz btnz3" @click="exportAll">
<div><img src="../../assets/svg/export.png" alt="" /></div> <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
<div class="btnText">导出</div> <div class="btnzText">导出</div>
</div> </div>
</div> </div>
<!-- 以下为table表格 --> <!-- 以下为table表格 -->
@@ -314,7 +314,8 @@ export default {
margin-bottom: 20px; margin-bottom: 20px;
width: calc((100% - 76px - 200px) / 2); width: calc((100% - 76px - 200px) / 2);
} }
.btn {
.btnz {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: rgba(64, 158, 255, 0); background: rgba(64, 158, 255, 0);
@@ -331,7 +332,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: rgba(64, 158, 255, 1); color: rgba(64, 158, 255, 1);
@@ -340,7 +341,7 @@ export default {
} }
} }
.btnn { .btnzx {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: #4ea6ff; background: #4ea6ff;
@@ -357,7 +358,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
@@ -366,7 +367,7 @@ export default {
} }
} }
.btn1 { .btnzx1 {
.search { .search {
width: 15px; width: 15px;
height: 17px; height: 17px;
@@ -374,44 +375,54 @@ export default {
} }
} }
.btn2 { .btnzx2 {
margin-right: 0px !important; background: #4ea6ff;
.search { .search {
width: 16px; width: 16px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png"); background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnzText {
color: #ffffff;
} }
} }
.btn1:hover { .btnzx1:hover {
background: rgba(64, 158, 255, 0.76); background: rgba(64, 158, 255, 0.76);
.search { .search {
background-image: url("../../assets/images/courseManage/search0.png"); background-image: url("../../assets/images/courseManage/search0.png");
} }
.btnText { .btnzText {
color: #ffffff; color: #ffffff;
} }
} }
.btn1:active { .btnzx1:active {
background: #0982ff; background: #0982ff;
} }
.btn2:hover { .btnzx2:hover {
background: rgba(64, 158, 255, 0.1); background: rgba(64, 158, 255, 0.76);
} }
.btn2:active { .btnzx2:active {
background: rgba(64, 158, 255, 0.2); background: #0982ff;
} }
} }
.btns { .tableBox {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
background-color: #eff4fc;
}
}
.btnzs {
display: flex; display: flex;
margin-left: 38px; margin-left: 38px;
// flex-wrap: wrap; // flex-wrap: wrap;
.btn { .btnz {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: white; background: white;
@@ -428,7 +439,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4ea6ff; color: #4ea6ff;
@@ -437,30 +448,26 @@ export default {
} }
} }
.btn3 { .btnz3 {
margin-right: 0px; margin-right: 0px;
background: #4ea6ff;
.search { .search {
width: 17px; width: 17px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/add0.png"); background-image: url("../../assets/images/courseManage/add0.png");
} }
.btnzText {
color: #ffffff;
}
} }
.btn3:hover { .btnz3:hover {
// background: rgba(64, 158, 255, 0.76); // background: rgba(64, 158, 255, 0.76);
background: rgba(64, 158, 255, 0.2); background: rgba(64, 158, 255, 0.76);
} }
// .btn3:active { .btnz3:active {
// background: #0982ff; background: #0982ff;
// }
}
.tableBox {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
background-color: #eff4fc;
} }
} }
.tableBox { .tableBox {

131
src/views/report/Caseess.vue
View File

@@ -24,21 +24,21 @@
</a-input> </a-input>
</div> </div>
<div style="display: flex; margin-bottom: 20px"> <div style="display: flex; margin-bottom: 20px">
<div class="btnn btn1" @click="getTableData"> <div class="btnzx btnzx1" @click="getTableData">
<div class="search"></div> <div class="search"></div>
<div class="btnText">搜索</div> <div class="btnzText">搜索</div>
</div> </div>
<div class="btn btn2" @click="reset"> <div class="btnzx btnzx1" @click="reset">
<div class="search"></div> <div class="search"></div>
<div class="btnText">重置</div> <div class="btnzText">重置</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 以下为导出按钮 --> <!-- 以下为导出按钮 -->
<div class="btns"> <div class="btnzs">
<div class="btn btn3" @click="exportAllbtnz"> <div class="btnz btnz3" @click="exportAllbtnz">
<div><img src="../../assets/svg/export.png" alt="" /></div> <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
<div class="btnText">导出</div> <div class="btnzText">导出</div>
</div> </div>
</div> </div>
<!-- 以下为table表格 --> <!-- 以下为table表格 -->
@@ -92,7 +92,7 @@ export default {
idList: [], idList: [],
title: "", title: "",
author: "", author: "",
authorName: "" authorName: "",
}); });
// 表格数据 // 表格数据
let tableData = ref([]); let tableData = ref([]);
@@ -226,16 +226,17 @@ export default {
}, },
}).then((res) => { }).then((res) => {
downLoad(res.data, "案例列表.xlsx"); downLoad(res.data, "案例列表.xlsx");
}),(err) => { }),
message.error(err) (err) => {
} message.error(err);
};
} else { } else {
const params = { const params = {
page: state.pageNo, page: state.pageNo,
size: state.pageSize, size: state.pageSize,
title: state.title, title: state.title,
author: state.author, author: state.author,
}; };
axios({ axios({
method: "post", method: "post",
url: "/report/boeu/case/exportList", url: "/report/boeu/case/exportList",
@@ -246,11 +247,11 @@ export default {
}, },
}).then((res) => { }).then((res) => {
downLoad(res.data, "案例列表.xlsx"); downLoad(res.data, "案例列表.xlsx");
}),(err) => { }),
message.error(err) (err) => {
} message.error(err);
};
} }
}; };
onMounted(() => { onMounted(() => {
getTableData(); getTableData();
@@ -284,32 +285,10 @@ export default {
.select { .select {
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
width: calc((100% - 76px - 340px) / 3); width: calc((100% - 76px - 200px) / 2);
} }
.addTimeBox { .btnz {
width: calc((100% - 76px - 340px) / 3 + 120px) !important;
position: relative;
display: flex;
align-items: center;
.addTime {
position: absolute;
z-index: 10;
margin-left: 10px;
color: rgba(0, 0, 0, 0.4);
}
// .ant-picker {
// padding-left: 85px;
// }
.ant-picker-range .ant-picker-active-bar {
margin-left: 85px;
}
}
.btn {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: rgba(64, 158, 255, 0); background: rgba(64, 158, 255, 0);
@@ -326,7 +305,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: rgba(64, 158, 255, 1); color: rgba(64, 158, 255, 1);
@@ -335,7 +314,7 @@ export default {
} }
} }
.btnn { .btnzx {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: #4ea6ff; background: #4ea6ff;
@@ -352,7 +331,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
@@ -361,7 +340,7 @@ export default {
} }
} }
.btn1 { .btnzx1 {
.search { .search {
width: 15px; width: 15px;
height: 17px; height: 17px;
@@ -369,44 +348,54 @@ export default {
} }
} }
.btn2 { .btnzx2 {
margin-right: 0px !important; background: #4ea6ff;
.search { .search {
width: 16px; width: 16px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png"); background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnzText {
color: #ffffff;
} }
} }
.btn1:hover { .btnzx1:hover {
background: rgba(64, 158, 255, 0.76); background: rgba(64, 158, 255, 0.76);
.search { .search {
background-image: url("../../assets/images/courseManage/search0.png"); background-image: url("../../assets/images/courseManage/search0.png");
} }
.btnText { .btnzText {
color: #ffffff; color: #ffffff;
} }
} }
.btn1:active { .btnzx1:active {
background: #0982ff; background: #0982ff;
} }
.btn2:hover { .btnzx2:hover {
background: rgba(64, 158, 255, 0.1); background: rgba(64, 158, 255, 0.76);
} }
.btn2:active { .btnzx2:active {
background: rgba(64, 158, 255, 0.2); background: #0982ff;
} }
} }
.btns { .tableBox {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
background-color: #eff4fc;
}
}
.btnzs {
display: flex; display: flex;
margin-left: 38px; margin-left: 38px;
// flex-wrap: wrap; // flex-wrap: wrap;
.btn { .btnz {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: white; background: white;
@@ -423,7 +412,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4ea6ff; color: #4ea6ff;
@@ -432,25 +421,29 @@ export default {
} }
} }
.btn3 { .btnz3 {
margin-right: 0px; margin-right: 0px;
background: #4ea6ff;
.search { .search {
width: 17px; width: 17px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/add0.png"); background-image: url("../../assets/images/courseManage/add0.png");
} }
.btnzText {
color: #ffffff;
}
} }
.btn3:hover { .btnz3:hover {
// background: rgba(64, 158, 255, 0.76); // background: rgba(64, 158, 255, 0.76);
background: rgba(64, 158, 255, 0.2); background: rgba(64, 158, 255, 0.76);
} }
// .btn3:active { .btnz3:active {
// background: #0982ff; background: #0982ff;
// } }
} }
.tableBox { .tableBox {
margin: 20px 38px 30px; margin: 20px 38px 30px;

96
src/views/report/Curriculum.vue
View File

@@ -53,29 +53,29 @@
</a-input> </a-input>
</div> </div>
<div style="display: flex; margin-bottom: 20px"> <div style="display: flex; margin-bottom: 20px">
<div class="btnn btn1" @click="getTableData"> <div class="btnzx btnzx1" @click="getTableData">
<div class="search"></div> <div class="search"></div>
<div class="btnText">搜索</div> <div class="btnzText">搜索</div>
</div> </div>
<div class="btn btn2" @click="resetClick"> <div class="btnz btnzx2" @click="resetClick">
<div class="search"></div> <div class="search"></div>
<div class="btnText">重置</div> <div class="btnzText">重置</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 以下为导出按钮 --> <!-- 以下为导出按钮 -->
<div class="btns"> <div class="btnzs">
<div class="btn btn3" @click="exportList"> <div class="btnz btnz3" @click="exportList">
<div><img src="../../assets/svg/export.png" alt="" /></div> <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
<div class="btnText">导出列表信息</div> <div class="btnzText">导出列表信息</div>
</div> </div>
<div class="btn btn3" style="margin-left: 20px" @click="exportDetail"> <div class="btnz btnz3" style="margin-left: 20px" @click="exportDetail">
<div><img src="../../assets/svg/export.png" alt="" /></div> <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
<div class="btnText">导出详细信息</div> <div class="btnzText">导出详细信息</div>
</div> </div>
<div class="btn btn3" style="margin-left: 20px" @click="exportPlanList"> <div class="btnz btnz3" style="margin-left: 20px" @click="exportPlanList">
<div><img src="../../assets/svg/export.png" alt="" /></div> <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
<div class="btnText">开课数据导出</div> <div class="btnzText">开课数据导出</div>
</div> </div>
</div> </div>
<!-- 以下为table表格 --> <!-- 以下为table表格 -->
@@ -608,7 +608,7 @@ export default {
width: calc((100% - 76px - 240px) / 4); width: calc((100% - 76px - 240px) / 4);
} }
.btn { .btnz {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: rgba(64, 158, 255, 0); background: rgba(64, 158, 255, 0);
@@ -625,7 +625,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: rgba(64, 158, 255, 1); color: rgba(64, 158, 255, 1);
@@ -634,7 +634,7 @@ export default {
} }
} }
.btnn { .btnzx {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: #4ea6ff; background: #4ea6ff;
@@ -651,7 +651,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
@@ -660,7 +660,7 @@ export default {
} }
} }
.btn1 { .btnzx1 {
.search { .search {
width: 15px; width: 15px;
height: 17px; height: 17px;
@@ -668,44 +668,54 @@ export default {
} }
} }
.btn2 { .btnzx2 {
margin-right: 0px !important; background: #4ea6ff;
.search { .search {
width: 16px; width: 16px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png"); background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnzText {
color: #ffffff;
} }
} }
.btn1:hover { .btnzx1:hover {
background: rgba(64, 158, 255, 0.76); background: rgba(64, 158, 255, 0.76);
.search { .search {
background-image: url("../../assets/images/courseManage/search0.png"); background-image: url("../../assets/images/courseManage/search0.png");
} }
.btnText { .btnzText {
color: #ffffff; color: #ffffff;
} }
} }
.btn1:active { .btnzx1:active {
background: #0982ff; background: #0982ff;
} }
.btn2:hover { .btnzx2:hover {
background: rgba(64, 158, 255, 0.1); background: rgba(64, 158, 255, 0.76);
} }
.btn2:active { .btnzx2:active {
background: rgba(64, 158, 255, 0.2); background: #0982ff;
} }
} }
.btns { .tableBox {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
background-color: #eff4fc;
}
}
.btnzs {
display: flex; display: flex;
margin-left: 38px; margin-left: 38px;
// flex-wrap: wrap; // flex-wrap: wrap;
.btn { .btnz {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: white; background: white;
@@ -722,7 +732,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4ea6ff; color: #4ea6ff;
@@ -731,30 +741,26 @@ export default {
} }
} }
.btn3 { .btnz3 {
margin-right: 0px; margin-right: 0px;
background: #4ea6ff;
.search { .search {
width: 17px; width: 17px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/add0.png"); background-image: url("../../assets/images/courseManage/add0.png");
} }
.btnzText {
color: #ffffff;
}
} }
.btn3:hover { .btnz3:hover {
// background: rgba(64, 158, 255, 0.76); // background: rgba(64, 158, 255, 0.76);
background: rgba(64, 158, 255, 0.2); background: rgba(64, 158, 255, 0.76);
} }
// .btn3:active { .btnz3:active {
// background: #0982ff; background: #0982ff;
// }
}
.tableBox {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
background-color: #eff4fc;
} }
} }
.tableBox { .tableBox {

84
src/views/report/Examination.vue
View File

@@ -39,21 +39,21 @@
</a-cascader> </a-cascader>
</div> </div>
<div style="display: flex; margin-bottom: 20px"> <div style="display: flex; margin-bottom: 20px">
<div class="btnn btn1" @click="getTableData"> <div class="btnzx btnzx1" @click="getTableData">
<div class="search"></div> <div class="search"></div>
<div class="btnText">搜索</div> <div class="btnzText">搜索</div>
</div> </div>
<div class="btn btn2" @click="reset"> <div class="btnzx btnzx1" @click="reset">
<div class="search"></div> <div class="search"></div>
<div class="btnText">重置</div> <div class="btnzText">重置</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 以下为导出按钮 --> <!-- 以下为导出按钮 -->
<div class="btns"> <div class="btnzs">
<div class="btn btn3" @click="exportList"> <div class="btnz btnz3" @click="exportList">
<div><img src="../../assets/svg/export.png" alt="" /></div> <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
<div class="btnText">导出</div> <div class="btnzText">导出</div>
</div> </div>
</div> </div>
<!-- 以下为table表格 --> <!-- 以下为table表格 -->
@@ -427,7 +427,7 @@ export default {
width: calc((100% - 76px - 220px) / 3); width: calc((100% - 76px - 220px) / 3);
} }
.btn { .btnz {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: rgba(64, 158, 255, 0); background: rgba(64, 158, 255, 0);
@@ -444,7 +444,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: rgba(64, 158, 255, 1); color: rgba(64, 158, 255, 1);
@@ -453,7 +453,7 @@ export default {
} }
} }
.btnn { .btnzx {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: #4ea6ff; background: #4ea6ff;
@@ -470,7 +470,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
@@ -479,7 +479,7 @@ export default {
} }
} }
.btn1 { .btnzx1 {
.search { .search {
width: 15px; width: 15px;
height: 17px; height: 17px;
@@ -487,44 +487,54 @@ export default {
} }
} }
.btn2 { .btnzx2 {
margin-right: 0px !important; background: #4ea6ff;
.search { .search {
width: 16px; width: 16px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png"); background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnzText {
color: #ffffff;
} }
} }
.btn1:hover { .btnzx1:hover {
background: rgba(64, 158, 255, 0.76); background: rgba(64, 158, 255, 0.76);
.search { .search {
background-image: url("../../assets/images/courseManage/search0.png"); background-image: url("../../assets/images/courseManage/search0.png");
} }
.btnText { .btnzText {
color: #ffffff; color: #ffffff;
} }
} }
.btn1:active { .btnzx1:active {
background: #0982ff; background: #0982ff;
} }
.btn2:hover { .btnzx2:hover {
background: rgba(64, 158, 255, 0.1); background: rgba(64, 158, 255, 0.76);
} }
.btn2:active { .btnzx2:active {
background: rgba(64, 158, 255, 0.2); background: #0982ff;
} }
} }
.btns { .tableBox {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
background-color: #eff4fc;
}
}
.btnzs {
display: flex; display: flex;
margin-left: 38px; margin-left: 38px;
// flex-wrap: wrap; // flex-wrap: wrap;
.btn { .btnz {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: white; background: white;
@@ -541,7 +551,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4ea6ff; color: #4ea6ff;
@@ -550,30 +560,26 @@ export default {
} }
} }
.btn3 { .btnz3 {
margin-right: 0px; margin-right: 0px;
background: #4ea6ff;
.search { .search {
width: 17px; width: 17px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/add0.png"); background-image: url("../../assets/images/courseManage/add0.png");
} }
.btnzText {
color: #ffffff;
}
} }
.btn3:hover { .btnz3:hover {
// background: rgba(64, 158, 255, 0.76); // background: rgba(64, 158, 255, 0.76);
background: rgba(64, 158, 255, 0.2); background: rgba(64, 158, 255, 0.76);
} }
// .btn3:active { .btnz3:active {
// background: #0982ff; background: #0982ff;
// }
}
.tableBox {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
background-color: #eff4fc;
} }
} }
.tableBox { .tableBox {

189
src/views/report/Learningpathmap.vue
View File

@@ -38,29 +38,29 @@
</a-input> </a-input>
</div> </div>
<div style="display: flex; margin-bottom: 20px"> <div style="display: flex; margin-bottom: 20px">
<div class="btnn btn1" @click="getTableData"> <div class="btnzx btnzx1" @click="getTableData">
<div class="search"></div> <div class="search"></div>
<div class="btnText">搜索</div> <div class="btnzText">搜索</div>
</div> </div>
<div class="btn btn2" @click="reset"> <div class="btnz btnzx2" @click="reset">
<div class="search"></div> <div class="search"></div>
<div class="btnText">重置</div> <div class="btnzText">重置</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 以下为导出按钮 --> <!-- 以下为导出按钮 -->
<div class="btns"> <div class="btnzs">
<div class="btn btn3" @click="exportAllbtnz"> <div class="btnz btnz3" @click="exportAllbtnz">
<div> <div>
<img src="../../assets/images/coursewareManage/export1.png" alt="" /> <img src="../../assets/images/coursewareManage/export1.png" alt="" />
</div> </div>
<div class="btnText">导出列表信息</div> <div class="btnzText">导出列表信息</div>
</div> </div>
<div class="btn btn3" @click="exportbtnz" style="margin-left: 20px"> <div class="btnz btnz3" @click="exportbtnz" style="margin-left: 20px">
<div> <div>
<img src="../../assets/images/coursewareManage/export1.png" alt="" /> <img src="../../assets/images/coursewareManage/export1.png" alt="" />
</div> </div>
<div class="btnText">导出详细信息</div> <div class="btnzText">导出详细信息</div>
</div> </div>
</div> </div>
<!-- 以下为table表格 --> <!-- 以下为table表格 -->
@@ -148,7 +148,7 @@ export default {
getTableData(); getTableData();
} }
}; };
// cloumns 表头 // cloumns 表头
const columns = ref([ const columns = ref([
{ {
@@ -227,7 +227,7 @@ export default {
title: "操作", title: "操作",
dataIndex: "operation", dataIndex: "operation",
key: "operation", key: "operation",
width: 150, width: 200,
align: "center", align: "center",
fixed: "right", fixed: "right",
customRender: (record) => { customRender: (record) => {
@@ -335,9 +335,10 @@ export default {
}, },
}).then((res) => { }).then((res) => {
downLoad(res.data, "详细信息.xlsx"); downLoad(res.data, "详细信息.xlsx");
}),(err) => { }),
message.error(err) (err) => {
} message.error(err);
};
} else { } else {
const params = { const params = {
createName: state.createName, createName: state.createName,
@@ -352,11 +353,12 @@ export default {
headers: { headers: {
token: Cookies.get("token"), token: Cookies.get("token"),
}, },
}).then((res) => { }).then((res) => {
downLoad(res.data, "详细信息.xlsx"); downLoad(res.data, "详细信息.xlsx");
}),(err) => { }),
message.error(err) (err) => {
} message.error(err);
};
} }
}; };
// 导出列表信息 // 导出列表信息
@@ -372,21 +374,22 @@ export default {
}, },
}).then((res) => { }).then((res) => {
downLoad(res.data, "学习路径图信息.xlsx"); downLoad(res.data, "学习路径图信息.xlsx");
}),(err) => { }),
message.error(err) (err) => {
} message.error(err);
};
} else { } else {
const params = { const params = {
page: state.pageNo, page: state.pageNo,
size: state.pageSize, size: state.pageSize,
orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null, orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
router: state.routerId, router: state.routerId,
routerName: state.routerName, routerName: state.routerName,
createName: state.createName, createName: state.createName,
startTime: state.startTime, startTime: state.startTime,
endTime: state.endTime, endTime: state.endTime,
name: state.name, name: state.name,
}; };
axios({ axios({
method: "post", method: "post",
url: "/report/boeu/router/exportList", url: "/report/boeu/router/exportList",
@@ -397,11 +400,11 @@ export default {
}, },
}).then((res) => { }).then((res) => {
downLoad(res.data, "学习路径图信息.xlsx"); downLoad(res.data, "学习路径图信息.xlsx");
}),(err) => { }),
message.error(err) (err) => {
} message.error(err);
};
} }
}; };
onMounted(() => { onMounted(() => {
getOrgList(); getOrgList();
@@ -436,32 +439,10 @@ export default {
.select { .select {
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
width: calc((100% - 56px) / 4); width: calc((100% - 76px - 220px) / 3);
} }
.addTimeBox { .btnz {
width: calc((100% - 76px - 360px) / 4 + 120px) !important;
position: relative;
display: flex;
align-items: center;
.addTime {
position: absolute;
z-index: 10;
margin-left: 10px;
color: rgba(0, 0, 0, 0.4);
}
.ant-picker {
padding-left: 85px;
}
.ant-picker-range .ant-picker-active-bar {
margin-left: 85px;
}
}
.btn {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: rgba(64, 158, 255, 0); background: rgba(64, 158, 255, 0);
@@ -478,7 +459,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: rgba(64, 158, 255, 1); color: rgba(64, 158, 255, 1);
@@ -487,7 +468,7 @@ export default {
} }
} }
.btnn { .btnzx {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: #4ea6ff; background: #4ea6ff;
@@ -504,7 +485,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
@@ -513,7 +494,7 @@ export default {
} }
} }
.btn1 { .btnzx1 {
.search { .search {
width: 15px; width: 15px;
height: 17px; height: 17px;
@@ -521,44 +502,79 @@ export default {
} }
} }
.btn2 { .btnzx2 {
margin-right: 0px !important; margin-right: 0px !important;
background: #4ea6ff;
.search { .search {
width: 16px; width: 16px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png");
background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnzText {
color: white;
} }
} }
.btn1:hover { .btnzx1:hover {
background: rgba(64, 158, 255, 0.76); background: rgba(64, 158, 255, 0.76);
.search { .search {
background-image: url("../../assets/images/courseManage/search0.png"); background-image: url("../../assets/images/courseManage/search0.png");
} }
.btnText { .btnzText {
color: #ffffff; color: #ffffff;
} }
} }
.btnzx2:hover {
background: rgba(64, 158, 255, 0.76);
.btn1:active { .search {
background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnzText {
color: #ffffff;
}
}
.btnzx1:active,
.btnzx2:active {
background: #0982ff; background: #0982ff;
} }
}
.btn2:hover { .tabbtnz {
background: rgba(64, 158, 255, 0.1); width: 100%;
} height: 40px;
display: flex;
.btn2:active { justify-content: space-between;
background: rgba(64, 158, 255, 0.2); .tab {
margin-left: 38px;
display: flex;
background: #ecf5ff;
height: 40px;
line-height: 40px;
border-radius: 8px;
.tabItem {
box-sizing: border-box;
padding: 0 18px;
cursor: pointer;
}
.tabActive {
box-sizing: border-box;
padding: 0 18px;
background: #387df7;
color: white;
border-radius: 8px;
cursor: pointer;
}
} }
} }
.btns { .btnzs {
display: flex; display: flex;
margin-left: 38px; margin-left: 38px;
// flex-wrap: wrap; // flex-wrap: wrap;
.btn { .btnz {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: white; background: white;
@@ -575,7 +591,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4ea6ff; color: #4ea6ff;
@@ -584,7 +600,7 @@ export default {
} }
} }
.btn3 { .btnz3 {
margin-right: 0px; margin-right: 0px;
background: #4ea6ff; background: #4ea6ff;
.search { .search {
@@ -592,19 +608,19 @@ export default {
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/add0.png"); background-image: url("../../assets/images/courseManage/add0.png");
} }
.btnText { .btnzText {
color: #ffffff; color: #ffffff;
} }
} }
.btn3:hover { .btnz3:hover {
// background: rgba(64, 158, 255, 0.76); // background: rgba(64, 158, 255, 0.76);
background: rgba(64, 158, 255, 0.2); background: rgba(64, 158, 255, 0.76);
} }
// .btn3:active { .btnz3:active {
// background: #0982ff; background: #0982ff;
// } }
} }
.tableBox { .tableBox {
margin: 20px 38px 30px; margin: 20px 38px 30px;
@@ -624,3 +640,4 @@ export default {
} }
} }
</style> </style>

90
src/views/report/Project.vue
View File

@@ -48,29 +48,29 @@
</a-input> </a-input>
</div> </div>
<div style="display: flex; margin-bottom: 20px"> <div style="display: flex; margin-bottom: 20px">
<div class="btnn btn1" @click="getTableData"> <div class="btnzx btnzx1" @click="getTableData">
<div class="search"></div> <div class="search"></div>
<div class="btnText">搜索</div> <div class="btnzText">搜索</div>
</div> </div>
<div class="btn btn2" @click="reset"> <div class="btnz btnzx2" @click="reset">
<div class="search"></div> <div class="search"></div>
<div class="btnText">重置</div> <div class="btnzText">重置</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 以下为导出按钮 --> <!-- 以下为导出按钮 -->
<div class="btns"> <div class="btnzs">
<div class="btn btn3" @click="exportAllClick"> <div class="btnz btnz3" @click="exportAllClick">
<div><img src="../../assets/svg/export.png" alt="" /></div> <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
<div class="btnText">导出列表信息</div> <div class="btnzText">导出列表信息</div>
</div> </div>
<div <div
class="btn btn3" class="btnz btnz3"
style="margin-left: 20px" style="margin-left: 20px"
@click="exportDetailClick" @click="exportDetailClick"
> >
<div><img src="../../assets/svg/export.png" alt="" /></div> <div><img src="../../assets/images/coursewareManage/export1.png" alt="" /></div>
<div class="btnText">导出详细信息</div> <div class="btnzText">导出详细信息</div>
</div> </div>
</div> </div>
<!-- 以下为table表格 --> <!-- 以下为table表格 -->
@@ -569,7 +569,7 @@ export default {
width: calc((100% - 76px - 240px) / 4); width: calc((100% - 76px - 240px) / 4);
} }
.btn { .btnz {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: rgba(64, 158, 255, 0); background: rgba(64, 158, 255, 0);
@@ -586,7 +586,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: rgba(64, 158, 255, 1); color: rgba(64, 158, 255, 1);
@@ -595,7 +595,7 @@ export default {
} }
} }
.btnn { .btnzx {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: #4ea6ff; background: #4ea6ff;
@@ -612,7 +612,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
@@ -621,7 +621,7 @@ export default {
} }
} }
.btn1 { .btnzx1 {
.search { .search {
width: 15px; width: 15px;
height: 17px; height: 17px;
@@ -629,44 +629,54 @@ export default {
} }
} }
.btn2 { .btnzx2 {
margin-right: 0px !important; background: #4ea6ff;
.search { .search {
width: 16px; width: 16px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png"); background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnzText {
color: #ffffff;
} }
} }
.btn1:hover { .btnzx1:hover {
background: rgba(64, 158, 255, 0.76); background: rgba(64, 158, 255, 0.76);
.search { .search {
background-image: url("../../assets/images/courseManage/search0.png"); background-image: url("../../assets/images/courseManage/search0.png");
} }
.btnText { .btnzText {
color: #ffffff; color: #ffffff;
} }
} }
.btn1:active { .btnzx1:active {
background: #0982ff; background: #0982ff;
} }
.btn2:hover { .btnzx2:hover {
background: rgba(64, 158, 255, 0.1); background: rgba(64, 158, 255, 0.76);
} }
.btn2:active { .btnzx2:active {
background: rgba(64, 158, 255, 0.2); background: #0982ff;
} }
} }
.btns { .tableBox {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
background-color: #eff4fc;
}
}
.btnzs {
display: flex; display: flex;
margin-left: 38px; margin-left: 38px;
// flex-wrap: wrap; // flex-wrap: wrap;
.btn { .btnz {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: white; background: white;
@@ -683,7 +693,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4ea6ff; color: #4ea6ff;
@@ -692,30 +702,26 @@ export default {
} }
} }
.btn3 { .btnz3 {
margin-right: 0px; margin-right: 0px;
background: #4ea6ff;
.search { .search {
width: 17px; width: 17px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/add0.png"); background-image: url("../../assets/images/courseManage/add0.png");
} }
.btnzText {
color: #ffffff;
}
} }
.btn3:hover { .btnz3:hover {
// background: rgba(64, 158, 255, 0.76); // background: rgba(64, 158, 255, 0.76);
background: rgba(64, 158, 255, 0.2); background: rgba(64, 158, 255, 0.76);
} }
// .btn3:active { .btnz3:active {
// background: #0982ff; background: #0982ff;
// }
}
.tableBox {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
background-color: #eff4fc;
} }
} }
.tableBox { .tableBox {

92
src/views/report/Questionsandanswers.vue
View File

@@ -24,21 +24,23 @@
</a-input> </a-input>
</div> </div>
<div style="display: flex; margin-bottom: 20px"> <div style="display: flex; margin-bottom: 20px">
<div class="btnn btn1" @click="getTableData"> <div class="btnzx btnzx1" @click="getTableData">
<div class="search"></div> <div class="search"></div>
<div class="btnText">搜索</div> <div class="btnzText">搜索</div>
</div> </div>
<div class="btn btn2" @click="reset"> <div class="btnzx btnzx1" @click="reset">
<div class="search"></div> <div class="search"></div>
<div class="btnText">重置</div> <div class="btnzText">重置</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 以下为导出按钮 --> <!-- 以下为导出按钮 -->
<div class="btns"> <div class="btnzs">
<div class="btn btn3" @click="exportList"> <div class="btnz btnz3" @click="exportList">
<div><img src="../../assets/svg/export.png" alt="" /></div> <div>
<div class="btnText">导出</div> <img src="../../assets/images/coursewareManage/export1.png" alt="" />
</div>
<div class="btnzText">导出</div>
</div> </div>
</div> </div>
<!-- 以下为table表格 --> <!-- 以下为table表格 -->
@@ -203,11 +205,11 @@ export default {
// 导出事件 // 导出事件
const exportList = async () => { const exportList = async () => {
if (state.selectedRowKeys.length > 0) { if (state.selectedRowKeys.length > 0) {
console.log('1111') console.log("1111");
axios({ axios({
method: "post", method: "post",
url: "/report/boeu/question/exportList", url: "/report/boeu/question/exportList",
data: {ids:state.selectedRowKeys} , data: { ids: state.selectedRowKeys },
responseType: "blob", responseType: "blob",
headers: { headers: {
token: Cookies.get("token"), token: Cookies.get("token"),
@@ -230,7 +232,7 @@ export default {
axios({ axios({
method: "post", method: "post",
url: "/report/boeu/question/exportList", url: "/report/boeu/question/exportList",
data: params , data: params,
responseType: "blob", responseType: "blob",
headers: { headers: {
token: Cookies.get("token"), token: Cookies.get("token"),
@@ -286,7 +288,7 @@ export default {
margin-bottom: 20px; margin-bottom: 20px;
width: calc((100% - 76px - 200px) / 2); width: calc((100% - 76px - 200px) / 2);
} }
.btn { .btnz {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: rgba(64, 158, 255, 0); background: rgba(64, 158, 255, 0);
@@ -303,7 +305,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: rgba(64, 158, 255, 1); color: rgba(64, 158, 255, 1);
@@ -312,7 +314,7 @@ export default {
} }
} }
.btnn { .btnzx {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: #4ea6ff; background: #4ea6ff;
@@ -329,7 +331,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
@@ -338,7 +340,7 @@ export default {
} }
} }
.btn1 { .btnzx1 {
.search { .search {
width: 15px; width: 15px;
height: 17px; height: 17px;
@@ -346,44 +348,54 @@ export default {
} }
} }
.btn2 { .btnzx2 {
margin-right: 0px !important; background: #4ea6ff;
.search { .search {
width: 16px; width: 16px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png"); background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnzText {
color: #ffffff;
} }
} }
.btn1:hover { .btnzx1:hover {
background: rgba(64, 158, 255, 0.76); background: rgba(64, 158, 255, 0.76);
.search { .search {
background-image: url("../../assets/images/courseManage/search0.png"); background-image: url("../../assets/images/courseManage/search0.png");
} }
.btnText { .btnzText {
color: #ffffff; color: #ffffff;
} }
} }
.btn1:active { .btnzx1:active {
background: #0982ff; background: #0982ff;
} }
.btn2:hover { .btnzx2:hover {
background: rgba(64, 158, 255, 0.1); background: rgba(64, 158, 255, 0.76);
} }
.btn2:active { .btnzx2:active {
background: rgba(64, 158, 255, 0.2); background: #0982ff;
} }
} }
.btns { .tableBox {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
background-color: #eff4fc;
}
}
.btnzs {
display: flex; display: flex;
margin-left: 38px; margin-left: 38px;
// flex-wrap: wrap; // flex-wrap: wrap;
.btn { .btnz {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: white; background: white;
@@ -400,7 +412,7 @@ export default {
background-size: 100%; background-size: 100%;
} }
.btnText { .btnzText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4ea6ff; color: #4ea6ff;
@@ -409,30 +421,26 @@ export default {
} }
} }
.btn3 { .btnz3 {
margin-right: 0px; margin-right: 0px;
background: #4ea6ff;
.search { .search {
width: 17px; width: 17px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/add0.png"); background-image: url("../../assets/images/courseManage/add0.png");
} }
.btnzText {
color: #ffffff;
}
} }
.btn3:hover { .btnz3:hover {
// background: rgba(64, 158, 255, 0.76); // background: rgba(64, 158, 255, 0.76);
background: rgba(64, 158, 255, 0.2); background: rgba(64, 158, 255, 0.76);
} }
// .btn3:active { .btnz3:active {
// background: #0982ff; background: #0982ff;
// }
}
.tableBox {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
background-color: #eff4fc;
} }
} }
.tableBox { .tableBox {