fix: 报表三期样式修改

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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