jiashicang-front.git

parent: 2fad1ef7 | 补丁 | 提交 | ignore whitespace

zhangxiaoxu123456

2022-04-11 5652ac21dcf9dc05fd9d0bf6005375a6224aace6

职业培训

11个文件已修改

	.postcssrc.js	7 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	config/index.js	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	index.html	16 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	package.json	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/assets/css/main.css	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/pages/components/showIndexTitle.vue	34 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/pages/show/index/index.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/pages/show/jiuyeAndChuangye/jiuyeAndChuangye.vue	6 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/pages/show/jiuyeAndChuangye/jiuyeChildren/zhiyePeixun.vue	175 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/pages/show/main/showHome.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 .postcssrc.js

@@ -5,6 +5,11 @@
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    "autoprefixer": {}
    "autoprefixer": {},
    "postcss-px2rem-exclude": {  // 添加的代码
      remUnit: 256,
      exclude: /node_modules|element/i // 忽略node_modules目录下的文件
    }

  }
}

 config/index.js

@@ -21,7 +21,7 @@
        },

        // Various Dev Server settings
        host: 'localhost', // can be overwritten by process.env.HOST
        host: '192.168.0.110', // can be overwritten by process.env.HOST
        port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
        autoOpenBrowser: false,
        errorOverlay: true,

 index.html

@@ -3,14 +3,24 @@

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
    <meta name="referrer" content="no-referrer">
<!--    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">-->
    <title>视频管理</title>
    <link rel="icon" type="image/x-icon" href="./src/assets/img/logo.ico" />
</head>

<body>
    <div id="app"></div>
    <script>
        // // 用于适配ipad以及ipad pro
        // ;/(iPhone|iPad|iPhone OS|Phone|iPod|iOS)/i.test(navigator.userAgent) &&
        // ((head = document.getElementsByTagName('head')),
        //     (viewport = document.createElement('meta')),
        //     (viewport.name = 'viewport'),
        //     (viewport.content =
        //         'target-densitydpi=device-dpi, width=480px, user-scalable=no'),
        // head.length > 0 && head[head.length - 1].appendChild(viewport))
        // 适配pad padPro
        /(pad|pod|iPad|iPod|iOS)/i.test(navigator.userAgent)&&(head=document.getElementsByTagName('head'),viewport=document.createElement('meta'),viewport.name='viewport',viewport.content='target-densitydpi=device-dpi, width=480px, user-scalable=no',head.length>0&&head[head.length-1].appendChild(viewport));
    </script>
</body>

</html>

 package.json

@@ -77,8 +77,8 @@
    "plugins": {
      "autoprefixer": {},
      "postcss-px2rem-exclude": {
        "remUnit": 10,
        "exclude": "/node_modules/i"
        "remUnit": 256,
        "exclude": "/node_modules|element/i"
      }
    }
  }

 src/assets/css/main.css

@@ -526,6 +526,6 @@

@media screen and (min-width: 2560px) {
  html {
    font-size: 10px!important;
    font-size: 256px!important;
  }
}

 src/pages/components/showIndexTitle.vue

@@ -91,15 +91,15 @@
  .el-menu-item.is-active {
    background: url("../../assets/images/menu-active.png") no-repeat center;
    background-size: 100% 100%;
    width: 12.8rem /* 128/10 */;
    height: 5rem;
    width: 0.5rem  /* 128/256 */;
    height: 0.1953125rem  /* 50/256 */;
  }
  .el-menu-item {
    background: url("../../assets/images/menu-normal.png") no-repeat center;
    background-size: 100% 100%;
    width: 12.8rem /* 128/10 */;
    height: 5rem;
    margin-right: 1.2rem /* 12/10 */;
    width: 0.5rem  /* 128/256 */;
    height: 0.1953125rem  /* 50/256 */;
    margin-right: 0.046875rem  /* 12/256 */;
  }
  .el-menu.el-menu--horizontal {
    border-bottom: 0;
@@ -109,22 +109,23 @@
<style lang="scss" scoped>
.showIndexTitle-wrap {
  width: 100%;
  height: 9rem /* 90/10 */;
  height: 0.3515625rem  /* 90/256 */;
  background: url("../../assets/images/jiashicang-title-bj.png") no-repeat
    center;
  background-size: 100% 100%;
  .title {
    font-size: 3rem /* 30/10 */;
    font-size: 0.1171875rem  /* 30/256 */;
    //font-family: "Source Han Sans CN";
    color: #fff;
    text-align: center;
    line-height: 7rem /* 70/10 */;
    line-height: 0.2734375rem  /* 70/256 */;
  }
  .showIndex-left {
    position: absolute;
    left: 1rem /* 10/10 */;
    top: -5rem /* 10/10 */;
    left: 0.0390625rem  /* 10/256 */;
    top: -0.1953125rem  /* -50/256 */;
    display: flex;
    z-index: 9;
    .showIndex-block {
      /*background:url("../../assets/images/menu-normal.png") no-repeat center;*/
      /*background-size: 100% 100%;*/
@@ -132,17 +133,18 @@
      /*height: 5rem;*/
      h1 {
        color: #fff;
        font-size: 2.4rem;
        font-size: 0.09375rem  /* 24/256 */;
        text-align: center;
        line-height: 5rem;
        line-height: 0.1953125rem  /* 50/256 */;
      }
    }
  }
  .showIndex-right {
    position: absolute;
    right: 1rem /* 10/10 */;
    top: -5rem /* 10/10 */;
    right: 0.0390625rem  /* 10/256 */;
    top: -0.1953125rem  /* -50/256 */;
    display: flex;
    z-index: 9;
    .showIndex-block {
      /*background:url("../../assets/images/menu-normal.png") no-repeat center;*/
      /*background-size: 100% 100%;*/
@@ -151,9 +153,9 @@
      /*cursor: pointer;*/
      h1 {
        color: #fff;
        font-size: 2.4rem;
        font-size: 0.09375rem  /* 24/256 */;
        text-align: center;
        line-height: 5rem;
        line-height: 0.1953125rem  /* 50/256 */;
      }
    }
    .menu-active {

 src/pages/show/index/index.vue

@@ -4,7 +4,7 @@
      <div class="yanglao-block">
        <img src="../../../assets/images/yanglao-icon1.png" alt="">
        <h1>城镇职工养老保险参保人数</h1>
        <h2><font class="bigger">277.8</font>万人</h2>
        <h2><font class="bigger">277.7</font>万人</h2>
      </div>
      <div class="yanglao-block">
        <img src="../../../assets/images/yanglao-icon2.png" alt="">

 src/pages/show/jiuyeAndChuangye/jiuyeAndChuangye.vue

@@ -75,8 +75,8 @@
    box-sizing: border-box;
    display: flex;
    .menu-left{
      width: 24rem  /* 240/10 */;
      height: 124.9rem  /* 1249/10 */;
      width: 0.9375rem  /* 240/256 */;
      height: 135rem  /* 1249/10 */;
      background:url("../../../assets/images/jiuye-menu-bj.png") no-repeat center;
      background-size: 100% 100%;
      padding: 4rem 0;
@@ -96,7 +96,7 @@
      flex: 1;
      padding: 0 2rem  /* 20/10 */;
      box-sizing: border-box;
      @include overflow-y(140rem)
      @include overflow-y(150rem)
    }
  }


 src/pages/show/jiuyeAndChuangye/jiuyeChildren/chuangyeDanbaoDaikuan.vue

@@ -125,7 +125,9 @@
      table-layout: fixed;
      thead{
        background-color: $color-blue;
        height: 11.2rem  /* 112/10 */;
        tr{
          height: 11.2rem  /* 112/10 */;
        }
        th,td{
          color: $color-darkGrey;
          border:1px solid $color-grey; /*no*/

 src/pages/show/jiuyeAndChuangye/jiuyeChildren/zhiyePeixun.vue

@@ -1,15 +1,180 @@
<template>
    <div class="zhiyePeixun-wrap">

    </div>
  <div class="zhiyePeixun-wrap">
    <el-table
      :data="tableData"
      max-height="650"
      style="width: 100%">
      <el-table-column
        prop="year"
        label="年份"
        align="center"
        width="200">
      </el-table-column>
      <el-table-column label="补贴性培训" align="center">
        <el-table-column
          label="补贴性培训"
          align="center"
          width="800">
          <el-table-column
            prop="shengtingjihua"
            :label="'省厅计划 \n （人次）'"
            align="center"
            width="200">
          </el-table-column>
          <el-table-column
            prop="shijipeixunjihua"
            :label="'实际培训人数 \n （人次）'"
            align="center"
            width="200">
          </el-table-column>
          <el-table-column
            prop="wanchenglv"
            label="完成率"
            align="center"
            width="200">
          </el-table-column>
          <el-table-column
            prop="zhuanzhangzhichu"
            :label="'专账资金支出 \n （万元）'"
            align="center"
            width="200">
          </el-table-column>
        </el-table-column>
        <el-table-column
          prop="name"
          label="其中应届毕业学年高校毕业生"
          align="center"
          width="400">
          <el-table-column
            prop="peixunrenshu"
            :label="'培训人数 \n （人次）'"
            align="center"
            width="200">
          </el-table-column>
          <el-table-column
            prop="butiejine"
            :label="'补贴金额 \n （万元)'"
            align="center"
            width="200">
          </el-table-column>
        </el-table-column>
      </el-table-column>
      <el-table-column
        prop="year"
        label="社会性培训"
        align="center">
        <el-table-column
          prop="peixunrenci"
          label="实际培训人数 （人次）"
          align="center">
        </el-table-column>
      </el-table-column>
    </el-table>
    <div class="zhiyepeixun-echarts"></div>
  </div>
</template>

<script>
    export default {
        name: "zhiyePeixun"
        name: "zhiyePeixun",
        data() {
            return {
                tableData:[{
                    year: '2017年',
                    shengtingjihua: '34212',
                    shijipeixunjihua: '44333',
                    wanchenglv: '90%',
                    zhuanzhangzhichu: '233421',
                    peixunrenshu: '3222',
                    butiejine:'2322',
                    peixunrenci:'34223'
                },{
                    year: '2018年',
                    shengtingjihua: '34212',
                    shijipeixunjihua: '44333',
                    wanchenglv: '90%',
                    zhuanzhangzhichu: '233421',
                    peixunrenshu: '3222',
                    butiejine:'2322',
                    peixunrenci:'34223'
                },{
                    year: '2019年',
                    shengtingjihua: '34212',
                    shijipeixunjihua: '44333',
                    wanchenglv: '90%',
                    zhuanzhangzhichu: '233421',
                    peixunrenshu: '3222',
                    butiejine:'2322',
                    peixunrenci:'34223'
                },{
                    year: '2020年',
                    shengtingjihua: '34212',
                    shijipeixunjihua: '44333',
                    wanchenglv: '90%',
                    zhuanzhangzhichu: '233421',
                    peixunrenshu: '3222',
                    butiejine:'2322',
                    peixunrenci:'34223'
                }]
            }
        }
    }
</script>

<style lang="css" scoped>
<style lang="scss">
  @import "../../../../assets/css/base";
  .zhiyePeixun-wrap{
    width: 100%;
    height: 100%;
    margin-top: 2rem;
    .el-table th.el-table__cell{
      background-color:$color-blue;
      height: 8rem;
    }
    .el-table tr{
      height: 8rem;
    }
    .el-table tr:nth-child(odd){
      background-color: #CEF2FF;
    }
    .el-table tr:nth-child(even){
      background-color: #A8E9FF;
    }
    .el-table, .el-table__expanded-cell{
      background-color: transparent;
    }
    .el-table thead{
      color: $color-darkGrey;
    }
    .el-table{
      color: $color-darkGrey;
    }
    .el-table .cell{
      font-size: $fontSize-28;
      color: $color-darkGrey;
      font-weight: 300;
      line-height: 1;
      white-space:pre-line;
    }
    .el-table--border th.el-table__cell, .el-table__fixed-right-patch{
      border-bottom:1px solid $color-grey; /*no*/
    }
    .el-table thead.is-group th.el-table__cell{
      background-color: $color-blue;
    }
    .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
      border-bottom:1px solid $color-grey; /*no*/
    }
    .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
      border-right:1px solid $color-grey; /*no*/
    }
  }
</style>

<style lang="scss" scoped>
  .zhiyepeixun-echarts{
    width: 100%;
    height: calc(100% - 68rem);
    margin-top: 2rem;
  }
</style>

 src/pages/show/main/showHome.vue

@@ -18,8 +18,8 @@
<style lang="scss" scoped>
  @import "../../../assets/css/base";
  .showHome-wrap{
    width: 256rem  /* 2560/10 */;
    height: 160rem  /* 1600/10 */;
    width: 10rem  /* 2560/256 */;
    height: 6.25rem  /* 1600/256 */;
    background: url("../../../assets/images/jiashicang-bj.jpg") no-repeat center;
    background-size: 100% 100%;
  }

			@@ -5,6 +5,11 @@
			"postcss-import": {},
			"postcss-url": {},
			// to edit target browsers: use "browserslist" field in package.json
			"autoprefixer": {}
			"autoprefixer": {},
			"postcss-px2rem-exclude": { // 添加的代码
			remUnit: 256,
			exclude: /node_modules\|element/i // 忽略node_modules目录下的文件
			}

			}
			}

			@@ -21,7 +21,7 @@
			},

			// Various Dev Server settings
			host: 'localhost', // can be overwritten by process.env.HOST
			host: '192.168.0.110', // can be overwritten by process.env.HOST
			port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
			autoOpenBrowser: false,
			errorOverlay: true,

			@@ -3,14 +3,24 @@

			<head>
			<meta charset="utf-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
			<meta name="referrer" content="no-referrer">
			<!-- <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">-->
			<title>视频管理</title>
			<link rel="icon" type="image/x-icon" href="./src/assets/img/logo.ico" />
			</head>

			<body>
			<div id="app"></div>
			<script>
			// // 用于适配ipad以及ipad pro
			// ;/(iPhone\|iPad\|iPhone OS\|Phone\|iPod\|iOS)/i.test(navigator.userAgent) &&
			// ((head = document.getElementsByTagName('head')),
			// (viewport = document.createElement('meta')),
			// (viewport.name = 'viewport'),
			// (viewport.content =
			// 'target-densitydpi=device-dpi, width=480px, user-scalable=no'),
			// head.length > 0 && head[head.length - 1].appendChild(viewport))
			// 适配pad padPro
			/(pad\|pod\|iPad\|iPod\|iOS)/i.test(navigator.userAgent)&&(head=document.getElementsByTagName('head'),viewport=document.createElement('meta'),viewport.name='viewport',viewport.content='target-densitydpi=device-dpi, width=480px, user-scalable=no',head.length>0&&head[head.length-1].appendChild(viewport));
			</script>
			</body>

			</html>

			@@ -77,8 +77,8 @@
			"plugins": {
			"autoprefixer": {},
			"postcss-px2rem-exclude": {
			"remUnit": 10,
			"exclude": "/node_modules/i"
			"remUnit": 256,
			"exclude": "/node_modules\|element/i"
			}
			}
			}

			@@ -526,6 +526,6 @@

			@media screen and (min-width: 2560px) {
			html {
			font-size: 10px!important;
			font-size: 256px!important;
			}
			}

			@@ -91,15 +91,15 @@
			.el-menu-item.is-active {
			background: url("../../assets/images/menu-active.png") no-repeat center;
			background-size: 100% 100%;
			width: 12.8rem /* 128/10 */;
			height: 5rem;
			width: 0.5rem /* 128/256 */;
			height: 0.1953125rem /* 50/256 */;
			}
			.el-menu-item {
			background: url("../../assets/images/menu-normal.png") no-repeat center;
			background-size: 100% 100%;
			width: 12.8rem /* 128/10 */;
			height: 5rem;
			margin-right: 1.2rem /* 12/10 */;
			width: 0.5rem /* 128/256 */;
			height: 0.1953125rem /* 50/256 */;
			margin-right: 0.046875rem /* 12/256 */;
			}
			.el-menu.el-menu--horizontal {
			border-bottom: 0;
			@@ -109,22 +109,23 @@
			<style lang="scss" scoped>
			.showIndexTitle-wrap {
			width: 100%;
			height: 9rem /* 90/10 */;
			height: 0.3515625rem /* 90/256 */;
			background: url("../../assets/images/jiashicang-title-bj.png") no-repeat
			center;
			background-size: 100% 100%;
			.title {
			font-size: 3rem /* 30/10 */;
			font-size: 0.1171875rem /* 30/256 */;
			//font-family: "Source Han Sans CN";
			color: #fff;
			text-align: center;
			line-height: 7rem /* 70/10 */;
			line-height: 0.2734375rem /* 70/256 */;
			}
			.showIndex-left {
			position: absolute;
			left: 1rem /* 10/10 */;
			top: -5rem /* 10/10 */;
			left: 0.0390625rem /* 10/256 */;
			top: -0.1953125rem /* -50/256 */;
			display: flex;
			z-index: 9;
			.showIndex-block {
			/background:url("../../assets/images/menu-normal.png") no-repeat center;/
			/background-size: 100% 100%;/
			@@ -132,17 +133,18 @@
			/height: 5rem;/
			h1 {
			color: #fff;
			font-size: 2.4rem;
			font-size: 0.09375rem /* 24/256 */;
			text-align: center;
			line-height: 5rem;
			line-height: 0.1953125rem /* 50/256 */;
			}
			}
			}
			.showIndex-right {
			position: absolute;
			right: 1rem /* 10/10 */;
			top: -5rem /* 10/10 */;
			right: 0.0390625rem /* 10/256 */;
			top: -0.1953125rem /* -50/256 */;
			display: flex;
			z-index: 9;
			.showIndex-block {
			/background:url("../../assets/images/menu-normal.png") no-repeat center;/
			/background-size: 100% 100%;/
			@@ -151,9 +153,9 @@
			/cursor: pointer;/
			h1 {
			color: #fff;
			font-size: 2.4rem;
			font-size: 0.09375rem /* 24/256 */;
			text-align: center;
			line-height: 5rem;
			line-height: 0.1953125rem /* 50/256 */;
			}
			}
			.menu-active {

			@@ -4,7 +4,7 @@
			<div class="yanglao-block">
			<img src="../../../assets/images/yanglao-icon1.png" alt="">
			<h1>城镇职工养老保险参保人数</h1>
			<h2><font class="bigger">277.8</font>万人</h2>
			<h2><font class="bigger">277.7</font>万人</h2>
			</div>
			<div class="yanglao-block">
			<img src="../../../assets/images/yanglao-icon2.png" alt="">

			@@ -75,8 +75,8 @@
			box-sizing: border-box;
			display: flex;
			.menu-left{
			width: 24rem /* 240/10 */;
			height: 124.9rem /* 1249/10 */;
			width: 0.9375rem /* 240/256 */;
			height: 135rem /* 1249/10 */;
			background:url("../../../assets/images/jiuye-menu-bj.png") no-repeat center;
			background-size: 100% 100%;
			padding: 4rem 0;
			@@ -96,7 +96,7 @@
			flex: 1;
			padding: 0 2rem /* 20/10 */;
			box-sizing: border-box;
			@include overflow-y(140rem)
			@include overflow-y(150rem)
			}
			}

			@@ -125,7 +125,9 @@
			table-layout: fixed;
			thead{
			background-color: $color-blue;
			height: 11.2rem /* 112/10 */;
			tr{
			height: 11.2rem /* 112/10 */;
			}
			th,td{
			color: $color-darkGrey;
			border:1px solid $color-grey; /no/

			@@ -1,15 +1,180 @@
			<template>
			<div class="zhiyePeixun-wrap">

			</div>
			<div class="zhiyePeixun-wrap">
			<el-table
			:data="tableData"
			max-height="650"
			style="width: 100%">
			<el-table-column
			prop="year"
			label="年份"
			align="center"
			width="200">
			</el-table-column>
			<el-table-column label="补贴性培训" align="center">
			<el-table-column
			label="补贴性培训"
			align="center"
			width="800">
			<el-table-column
			prop="shengtingjihua"
			:label="'省厅计划 \n （人次）'"
			align="center"
			width="200">
			</el-table-column>
			<el-table-column
			prop="shijipeixunjihua"
			:label="'实际培训人数 \n （人次）'"
			align="center"
			width="200">
			</el-table-column>
			<el-table-column
			prop="wanchenglv"
			label="完成率"
			align="center"
			width="200">
			</el-table-column>
			<el-table-column
			prop="zhuanzhangzhichu"
			:label="'专账资金支出 \n （万元）'"
			align="center"
			width="200">
			</el-table-column>
			</el-table-column>
			<el-table-column
			prop="name"
			label="其中应届毕业学年高校毕业生"
			align="center"
			width="400">
			<el-table-column
			prop="peixunrenshu"
			:label="'培训人数 \n （人次）'"
			align="center"
			width="200">
			</el-table-column>
			<el-table-column
			prop="butiejine"
			:label="'补贴金额 \n （万元)'"
			align="center"
			width="200">
			</el-table-column>
			</el-table-column>
			</el-table-column>
			<el-table-column
			prop="year"
			label="社会性培训"
			align="center">
			<el-table-column
			prop="peixunrenci"
			label="实际培训人数（人次）"
			align="center">
			</el-table-column>
			</el-table-column>
			</el-table>
			<div class="zhiyepeixun-echarts"></div>
			</div>
			</template>

			<script>
			export default {
			name: "zhiyePeixun"
			name: "zhiyePeixun",
			data() {
			return {
			tableData:[{
			year: '2017年',
			shengtingjihua: '34212',
			shijipeixunjihua: '44333',
			wanchenglv: '90%',
			zhuanzhangzhichu: '233421',
			peixunrenshu: '3222',
			butiejine:'2322',
			peixunrenci:'34223'
			},{
			year: '2018年',
			shengtingjihua: '34212',
			shijipeixunjihua: '44333',
			wanchenglv: '90%',
			zhuanzhangzhichu: '233421',
			peixunrenshu: '3222',
			butiejine:'2322',
			peixunrenci:'34223'
			},{
			year: '2019年',
			shengtingjihua: '34212',
			shijipeixunjihua: '44333',
			wanchenglv: '90%',
			zhuanzhangzhichu: '233421',
			peixunrenshu: '3222',
			butiejine:'2322',
			peixunrenci:'34223'
			},{
			year: '2020年',
			shengtingjihua: '34212',
			shijipeixunjihua: '44333',
			wanchenglv: '90%',
			zhuanzhangzhichu: '233421',
			peixunrenshu: '3222',
			butiejine:'2322',
			peixunrenci:'34223'
			}]
			}
			}
			}
			</script>

			<style lang="css" scoped>
			<style lang="scss">
			@import "../../../../assets/css/base";
			.zhiyePeixun-wrap{
			width: 100%;
			height: 100%;
			margin-top: 2rem;
			.el-table th.el-table__cell{
			background-color:$color-blue;
			height: 8rem;
			}
			.el-table tr{
			height: 8rem;
			}
			.el-table tr:nth-child(odd){
			background-color: #CEF2FF;
			}
			.el-table tr:nth-child(even){
			background-color: #A8E9FF;
			}
			.el-table, .el-table__expanded-cell{
			background-color: transparent;
			}
			.el-table thead{
			color: $color-darkGrey;
			}
			.el-table{
			color: $color-darkGrey;
			}
			.el-table .cell{
			font-size: $fontSize-28;
			color: $color-darkGrey;
			font-weight: 300;
			line-height: 1;
			white-space:pre-line;
			}
			.el-table--border th.el-table__cell, .el-table__fixed-right-patch{
			border-bottom:1px solid $color-grey; /no/
			}
			.el-table thead.is-group th.el-table__cell{
			background-color: $color-blue;
			}
			.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
			border-bottom:1px solid $color-grey; /no/
			}
			.el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
			border-right:1px solid $color-grey; /no/
			}
			}
			</style>

			<style lang="scss" scoped>
			.zhiyepeixun-echarts{
			width: 100%;
			height: calc(100% - 68rem);
			margin-top: 2rem;
			}
			</style>

			@@ -18,8 +18,8 @@
			<style lang="scss" scoped>
			@import "../../../assets/css/base";
			.showHome-wrap{
			width: 256rem /* 2560/10 */;
			height: 160rem /* 1600/10 */;
			width: 10rem /* 2560/256 */;
			height: 6.25rem /* 1600/256 */;
			background: url("../../../assets/images/jiashicang-bj.jpg") no-repeat center;
			background-size: 100% 100%;
			}