From 93957266445f004d81e5a172499cb83a1b3b4ebe Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期一, 11 四月 2022 01:30:06 +0800
Subject: [PATCH] login静态
---
src/assets/images/businessPolicy/bg_1@2x.png | 0
src/assets/images/businessPolicy/title_end@2x.png | 0
src/assets/images/businessPolicy/icon1@2x.png | 0
src/assets/images/businessPolicy/bg_big@2x.png | 0
src/assets/images/businessPolicy/icon4@2x.png | 0
src/assets/images/businessPolicy/icon5@2x.png | 0
src/pages/show/businessPolicy/BusinessPolicy.vue | 332 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
src/assets/images/businessPolicy/icon2@2x.png | 0
src/assets/images/businessPolicy/icon3@2x.png | 0
9 files changed, 332 insertions(+), 0 deletions(-)
diff --git a/src/assets/images/businessPolicy/bg_1@2x.png b/src/assets/images/businessPolicy/bg_1@2x.png
new file mode 100644
index 0000000..d339d78
--- /dev/null
+++ b/src/assets/images/businessPolicy/bg_1@2x.png
Binary files differ
diff --git a/src/assets/images/businessPolicy/bg_big@2x.png b/src/assets/images/businessPolicy/bg_big@2x.png
new file mode 100644
index 0000000..0534512
--- /dev/null
+++ b/src/assets/images/businessPolicy/bg_big@2x.png
Binary files differ
diff --git a/src/assets/images/businessPolicy/icon1@2x.png b/src/assets/images/businessPolicy/icon1@2x.png
new file mode 100644
index 0000000..85013f5
--- /dev/null
+++ b/src/assets/images/businessPolicy/icon1@2x.png
Binary files differ
diff --git a/src/assets/images/businessPolicy/icon2@2x.png b/src/assets/images/businessPolicy/icon2@2x.png
new file mode 100644
index 0000000..052eedb
--- /dev/null
+++ b/src/assets/images/businessPolicy/icon2@2x.png
Binary files differ
diff --git a/src/assets/images/businessPolicy/icon3@2x.png b/src/assets/images/businessPolicy/icon3@2x.png
new file mode 100644
index 0000000..4141511
--- /dev/null
+++ b/src/assets/images/businessPolicy/icon3@2x.png
Binary files differ
diff --git a/src/assets/images/businessPolicy/icon4@2x.png b/src/assets/images/businessPolicy/icon4@2x.png
new file mode 100644
index 0000000..dc3075f
--- /dev/null
+++ b/src/assets/images/businessPolicy/icon4@2x.png
Binary files differ
diff --git a/src/assets/images/businessPolicy/icon5@2x.png b/src/assets/images/businessPolicy/icon5@2x.png
new file mode 100644
index 0000000..ec48496
--- /dev/null
+++ b/src/assets/images/businessPolicy/icon5@2x.png
Binary files differ
diff --git a/src/assets/images/businessPolicy/title_end@2x.png b/src/assets/images/businessPolicy/title_end@2x.png
new file mode 100644
index 0000000..113c25d
--- /dev/null
+++ b/src/assets/images/businessPolicy/title_end@2x.png
Binary files differ
diff --git a/src/pages/show/businessPolicy/BusinessPolicy.vue b/src/pages/show/businessPolicy/BusinessPolicy.vue
new file mode 100644
index 0000000..d3f183b
--- /dev/null
+++ b/src/pages/show/businessPolicy/BusinessPolicy.vue
@@ -0,0 +1,332 @@
+<template>
+ <div id="businessPolicy">
+ <div class="upCentent">
+ <!-- 涓讳俊鎭尯 -->
+ <div class="upCentent_item">
+ <div class="icon">
+ <img
+ src="../../../assets/images/businessPolicy/icon1@2x.png"
+ alt=""
+ />
+ </div>
+ <div class="text">绱鍑哄彴鏀跨瓥鏁伴噺</div>
+ <div class="numText"><span>280</span>鏉�</div>
+ </div>
+ <div class="upCentent_item"></div>
+ <div class="upCentent_item"></div>
+ <div class="upCentent_item"></div>
+ <div class="upCentent_item"></div>
+ </div>
+ <!-- 涓昏〃鏍煎尯 -->
+ <div class="downCentent">
+ <div class="downCentent_item">
+ <div class="downCentent_title">
+ <span>鏀跨瓥鍐呭</span
+ ><img
+ src="../../../assets/images/businessPolicy/title_end@2x.png"
+ alt=""
+ />
+ </div>
+ <div class="tableLeft">
+ <el-table
+ stripe
+ :data="tableData"
+ style="width: 100%"
+ max-height="100.6rem"
+ :header-row-style="tableHeaderRow"
+ :row-class-name="tableRowClassName"
+ >
+ <el-table-column prop="keshi" label="绉戝" width="140">
+ </el-table-column>
+ <el-table-column
+ prop="zhengchemingcheng"
+ label="鏀跨瓥鍚嶇О"
+ width="355"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="shengxiaoDate"
+ label="鐢熸晥鏃ユ湡鑼冨洿"
+ width="355"
+ >
+ </el-table-column>
+ <el-table-column prop="huijiqiyeNum" label="鎯犲強浼佷笟鏁�">
+ </el-table-column>
+ <el-table-column prop="money" label="鍑忓厤閲戦"> </el-table-column>
+ </el-table>
+ </div>
+ </div>
+ <div class="downCentent_item"></div>
+ </div>
+ </div>
+</template>
+<script>
+export default {
+ data() {
+ return {
+ tableData: [
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ },
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ },
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ },
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ },
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ },
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ },
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ },
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ },
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ },
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ },
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ },
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ },
+ {
+ keshi: "澶变笟澶�",
+ zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥",
+ shengxiaoDate: "2021/3鈥�2022/12",
+ huijiqiyeNum: "100瀹�",
+ money: "277涓囧厓"
+ }
+ ]
+ };
+ },
+ methods: {
+ tableHeaderRow({ rowIndex }) {
+ if (rowIndex === 0) return { height: "8rem" };
+ },
+ tableRowClassName({ rowIndex }) {
+ if (rowIndex % 2 === 0) {
+ return "warning-row";
+ }
+ return "";
+ }
+ }
+};
+</script>
+<style lang="scss">
+@import "../../../assets/css/base";
+.tableLeft {
+ width: 115.4rem;
+ position: absolute;
+ top: 7.2rem;
+ left: 3.3rem;
+}
+// 鐘舵�侀鑹�
+.el-table .warning-row {
+ background-color: rgba(81, 210, 255, 0.1);
+}
+.el-table td.el-table__cell,
+.el-table th.el-table__cell.is-leaf {
+ border: none;
+}
+// .el-table .success-row {
+// background-color: rgba(81, 210, 255, 0.1);
+// }
+// .workStatistics-table {
+.el-table tr {
+ // background-color: rgba(81, 210, 255, 0.1);
+ background: transparent;
+}
+// 澶撮儴
+.el-table th.el-table__cell {
+ // background-color: rgba(1, 68, 117, 1);
+ background: transparent;
+}
+// .el-table__fixed,
+// .el-table__fixed-right,
+// .el-table__fixed-right::before,
+// .el-table__fixed::before {
+// background-color: #51d2ff;
+// }
+.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
+ // background-color: rgba(1, 68, 117, 1);
+ background: transparent;
+}
+.el-table thead {
+ color: #111111;
+}
+// .el-table td.el-table__cell,
+// .el-table th.el-table__cell.is-leaf {
+// border-bottom: 1px solid #8e8e8e;
+// }
+// .el-table--border .el-table__cell,
+// .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
+// border-right: 1px solid #8e8e8e;
+// }
+.el-table .el-table__cell {
+ padding: 2rem 0;
+}
+.el-table__body tr.hover-row.current-row > td.el-table__cell,
+.el-table__body,
+ tr.hover-row.el-table__row--striped.current-row,
+ > td.el-table__cell,
+.el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
+.el-table__body tr.hover-row > td.el-table__cell {
+ background: transparent;
+}
+.el-table .cell {
+ font-weight: 300;
+ font-size: 2.6rem;
+ //font-family: Source Han Sans CN, Source Han Sans CN-Light;
+ text-align: center;
+ color: #ffffff;
+ line-height: 2.6rem;
+}
+// }
+</style>
+<style lang="scss" scoped>
+#businessPolicy {
+}
+.upCentent {
+ height: 23rem;
+ width: 248rem;
+ margin: 3rem 4rem 0 4rem;
+ display: flex;
+ .upCentent_item {
+ width: 46.4rem;
+ height: 23rem;
+ background: url(../../../assets/images/businessPolicy/bg_1@2x.png) no-repeat
+ center;
+ background-size: 100% 100%;
+ flex: 1;
+ margin-right: 4rem;
+ text-align: center;
+ &:nth-child(5) {
+ margin-right: 0;
+ }
+ .icon img {
+ width: 8rem;
+ height: 8rem;
+ margin-top: 3.1rem;
+ }
+ .text {
+ height: 2.4rem;
+ font-size: 2.4rem;
+ //font-family: Source Han Sans CN, Source Han Sans CN-Light;
+ font-weight: 300;
+ text-align: center;
+ color: #ffffff;
+ line-height: 2.4rem;
+ }
+ .numText {
+ font-size: 2rem;
+ margin-top: 2.5rem;
+ color: #ffffff;
+ span {
+ font-size: 4.8rem;
+ //font-family: Source Han Sans CN, Source Han Sans CN-Light;
+ font-weight: 300;
+ color: #51d2ff;
+ line-height: 2.4rem;
+ margin-right: 1.2rem;
+ }
+ }
+ }
+}
+.downCentent {
+ width: 248rem;
+ height: 114.6rem;
+ margin: 3.6rem 4rem 6.2rem 4rem;
+ display: flex;
+ .downCentent_item {
+ width: 122rem;
+ height: 114.6rem;
+ background: url(../../../assets/images/businessPolicy/bg_big@2x.png)
+ no-repeat center;
+ background-size: 100% 100%;
+ flex: 1;
+ margin-right: 4rem;
+ padding: 0 3.3rem 0 3.3rem;
+ position: relative;
+ &:nth-child(2) {
+ margin-right: 0;
+ }
+ .downCentent_title {
+ position: absolute;
+ top: 0.8rem;
+ font-size: 3.2rem;
+ //font-family: Source Han Sans CN, Source Han Sans CN-Regular;
+ font-weight: 400;
+ // text-align: left;
+ color: #51d2ff;
+ line-height: 2.6rem;
+ span {
+ margin-left: 3.7rem;
+ margin-right: 2rem;
+ }
+ }
+ }
+}
+.el-table {
+ background: transparent;
+}
+</style>
--
Gitblit v1.9.1